Otros entornos de ejecución de miniapps

Más que solo en dispositivos móviles

En países como China, las miniapps se han apoderado del mercado. Además de los dispositivos móviles, donde las mini apps son omnipresentes y son su hábitat natural, las mini apps comenzaron a conquistar otros entornos de tiempo de ejecución, como los automóviles y las computadoras de escritorio clásicas.

Mini apps en autos

En julio de 2020, el fabricante de automóviles alemán BMW Group anunció una colaboración con Tencent con la marca WeScenario, que, según Tencent, se lanzará a "30 empresas automotrices líderes en el mundo y [llevará el ecosistema de WeScenario] de redes sociales, contenido y servicios a más de 110 modelos de automóviles convencionales".

Panel de un automóvil de Tencent que muestra dos filas de íconos de apps en miniatura.
Página de destino de Tencent WeScenario (fuente: BMW).

Mini apps en el escritorio

Miniapps en WeChat para computadoras

Con el cliente de escritorio de WeChat disponible para macOS y Windows, es posible ejecutar miniaplicaciones de WeChat en el escritorio. (Asegúrate de no cargar la versión para macOS de la App Store si estás realizando una investigación y quieres la experiencia completa, ya que es más limitada).

Para probarlo en macOS, comparte una mini app desde un dispositivo móvil contigo a través de la cuenta de "Transferencia de archivos". Se mostrará un mensaje que podrás abrir en el cliente para computadoras. En la mayoría de los casos, se podrá hacer clic directamente en la app y ejecutarla. En otros casos, debes volver a reenviar el historial de chat desde un dispositivo móvil.

El cliente de escritorio de WeChat para macOS muestra un chat consigo mismo con una miniapp compartida y un historial de chat como los dos mensajes visibles.
Se comparte una miniapp con uno mismo en el cliente de escritorio de WeChat para macOS.

En Windows, no es necesario usar la solución para compartir miniapps con uno mismo, ya que hay un panel de miniapps dedicado que muestra las miniapps que usó recientemente el usuario y también incluye una búsqueda de apps en la que se pueden descubrir miniapps nuevas.

Panel de miniaplicaciones en el cliente de WeChat para Windows que muestra las miniaplicaciones que usó recientemente el usuario.
El panel de miniaplicaciones en el cliente de WeChat para Windows.
La búsqueda de miniaplicaciones en el cliente de WeChat para Windows muestra miniaplicaciones en varias categorías, como juegos, negocios, educación, etcétera.
La búsqueda de miniaplicaciones en el cliente de WeChat para Windows.

Las miniaplicaciones de WeChat para computadoras de escritorio se integran de forma natural en el sistema operativo. En macOS y Windows, tienen su propia entrada en la barra de tareas múltiples y su propio ícono. Si bien en macOS hay una opción para mantenerlo en la estación de carga, el ícono desaparece en el momento en que se cierra la app cliente de WeChat. En Windows, los íconos de apps en miniatura se pueden fijar a la barra de tareas, pero no se pueden iniciar. En macOS, el título de la app siempre es “WeChat” y no el título real de la app, mientras que el título se muestra correctamente en Windows.

El selector de tareas múltiples de macOS incluye mini apps junto con la app normal de macOS.
La app de Starbucks es una app mini y puede realizar varias tareas como cualquier app normal de macOS.
El ícono de la app de Starbucks en la estación de carga de macOS con el título de WeChat.
Las apps mini en macOS tienen WeChat como título.

La mayoría de las miniapps aún no están optimizadas para computadoras de escritorio y se ejecutan en una ventana fija que no se puede cambiar de tamaño y que incluye los indicadores visuales y los mensajes de permisos de la IU conocidos como en dispositivos móviles (consulta La experiencia del usuario).

La miniapp de Starbucks que se ejecuta en macOS solicita el permiso de perfil de usuario, que el usuario puede otorgar a través de un mensaje que se muestra en la parte inferior.
La miniapp de Starbucks que se ejecuta en macOS solicita el permiso del perfil de usuario.
La app de Starbucks en miniatura que se ejecuta en macOS muestra la pantalla principal de la app.
La miniapp de Starbucks se ejecuta en macOS en una ventana fija que no se puede cambiar de tamaño.

Las miniapps responsivas que están optimizadas para computadoras (además de para dispositivos móviles) se pueden mostrar en una ventana más ancha que, en macOS, aún es fija, pero que en Windows se puede cambiar de tamaño de forma flexible.

La app de demostración de componentes de WeChat en una ventana de app responsiva que se puede cambiar de tamaño y que, de forma predeterminada, es más ancha que la pantalla de un dispositivo móvil normal.
La app de demostración de componentes de WeChat en una ventana de app responsiva.
La app de demostración de componentes de WeChat en una ventana estrecha que muestra tres cuadros A, B y C apilados uno sobre otro.
La app de demostración de componentes de WeChat en una ventana de app estrecha.
La app de demostración de componentes de WeChat en una ventana ancha que muestra tres cuadros A, B y C, con A apilado sobre B y C al costado.
La app de demostración de componentes de WeChat en una ventana de app ancha.

La configuración de permisos de las apps en miniatura en macOS se puede cambiar a través del menú contextual. En Windows, esto no parece ser posible, y la ubicación que informa la app de demostración parece ser la ubicación aproximada que Windows permite que las apps obtengan sin solicitar permiso.

La app de demostración de componentes de WeChat que se ejecuta en macOS muestra dos casillas de verificación para el permiso de ubicación y la información del usuario.
Configuración de la app de WeChat Mini en macOS.

Miniapps en el navegador seguro de 360

360 Secure Browser (360 安全浏览器) es un navegador web desarrollado por la empresa Qihoo. Además de iOS y Android, el navegador también está disponible para Windows, macOS y Linux. En Windows, puede ejecutar miniapps de 360 especiales. La documentación para desarrolladores y la API son comparables con las de otros proveedores. Sin embargo, 360 no ofrece DevTools exclusivas. En su lugar, los desarrolladores deben crear sus miniapps en un IDE de su elección y, luego, probarlas en el navegador con un modo de desarrollo especial. La depuración se realiza a través de las herramientas para desarrolladores de Chrome. Hay una app de demo disponible para comenzar.

Una app de 360 mini que se ejecuta en el navegador seguro de 360 se depura con las herramientas para desarrolladores de Chrome.
Se está depurando una app panorámica mini con las herramientas para desarrolladores de Chrome.

Las miniapps de 360 pueden ejecutarse en modo de pantalla completa y aparecen como entradas independientes en la barra de tareas múltiples. A través del menú contextual, se puede agregar un ícono a la pantalla principal que permite que se inicien miniapps desde el escritorio.

Una miniapp de video en 360 que se ejecuta en modo de pantalla completa y muestra varias miniaturas de videos para mirar.
Miniapp de 360 que se ejecuta en modo de pantalla completa.

Miniapps basadas en la Web

Existen algunas plataformas de miniaplicaciones basadas en la Web, pero que dependen de la presencia de un WebView especial para desbloquear todo su potencial.

LINE

LINE es una app para la comunicación instantánea en dispositivos electrónicos, como smartphones, tablets y computadoras personales. Además, LINE es una plataforma que brinda varios servicios, como billetera digital, transmisión de noticias, video on demand y distribución de cómics digitales. El servicio es una subsidiaria de la empresa coreana de motores de búsqueda de Internet, Naver Corporation.

Dado que las mini apps de LINE son básicamente una app web normal (consulta la app de ejemplo) que extrae el LINE Front-end Framework (LIFF), también se puede acceder a ellas fuera de la app principal de LINE a través de vínculos permanentes especiales (ejemplo). Sin embargo, no todas las APIs están disponibles en esos casos. Entre los ejemplos de lo que no está disponible en las APIs del navegador, se incluyen el método liff.scanCode() para leer códigos QR o las APIs relacionadas con Bluetooth, como liff.bluetooth.getAvailability(). Para probar la plataforma, puedes probar la app de LINE Playground en el navegador y la app de LINE si tienes una cuenta de LINE.

La app de demostración de LINE Playground se ejecuta en un dispositivo iOS que muestra que "liff.getOS(") muestra "ios".
La app de demostración de LINE Playground se ejecuta en un dispositivo iOS.
La app de demostración de LINE Playground se ejecuta en el navegador web y muestra que "liff.getOS()" muestra "web".
La app de demostración de LINE Playground se ejecuta en el navegador web.

Google Spot

La plataforma de Google Spot permite a los desarrolladores configurar un Spot en Google Pay, una tienda digital que pueden crear, desarrollar una marca y alojar como deseen. Se puede encontrar en línea y a través de códigos de barras físicos. Los usuarios pueden compartir fácilmente un "lugar" (como lo llama la app) en su app de mensajería favorita o encontrarlo en Google Pay. Un Spot se compila con HTML y JavaScript, por lo que las inversiones existentes en sitios web o aplicaciones para dispositivos móviles se pueden transformar fácilmente en un Spot con solo "agregar algunas líneas de JavaScript", según la publicación del anuncio.

La app de Eat.fit se ejecuta en la superapp de Google Pay y muestra la hoja inferior de acceso.
La app de Eat.fit que se ejecuta en la superapp de Google Pay (fuente: Google).

Miniapps de VK

La plataforma de redes sociales rusa VK ejecuta un programa de miniaplicaciones que permite a los desarrolladores compilar miniaplicaciones que se vinculan de forma profunda con la red social. Las miniaplicaciones de VK funcionan en las apps para dispositivos móviles específicas de la plataforma de VK, así como en el sitio web para computadoras. Además de varias de las otras plataformas de la marca, como Mail.ru, las miniapps de VK también están integradas en el navegador Atom.

La app de mini Все аптеки que se ejecuta en VK.
La miniapp de Все аптеки que se ejecuta en VK (fuente: VK).

Miniapps de Telegram

Con las miniapps de Telegram, los desarrolladores pueden usar JavaScript para crear interfaces flexibles que se pueden iniciar directamente en Telegram. Al igual que los bots, las Mini Apps admiten autorizaciones sin inconvenientes, pagos integrados con 20 proveedores de pagos (con Google Pay y Apple Pay listos para usar), notificaciones push personalizadas para los usuarios y mucho más. Hay una miniapp de demostración disponible para probar la función.

Miniapp de demostración de Durger King (fuente: Telegram).

Agradecimientos

Este artículo fue revisado por Joe Medley, Kayce Basques, Milica Mihajlija, Alan Kent y Keith Gu.