Otros entornos de ejecución de miniapps

Mucho más que contenido para móviles

En países como China, las miniapps han arrasado en el mercado. Además de los dispositivos móviles, en los que las miniapps son omnipresentes y su hábitat natural, las miniapps comenzaron a conquistar otros entornos de ejecución, como los automóviles y las computadoras clásicas de escritorio.

Miniapps en vehículos

En julio de 2020, el fabricante de automóviles alemán BMW Group anunció una colaboración con Tencent llamada WeScenario, la cual, según Tencent, se lanzaría a “30 empresas de automóviles líderes del mundo, y [lleva el ecosistema de WeScenario] de redes sociales, contenido y servicios a más de 110 modelos de automóviles populares”.

Panel de un auto de Tencent que muestra dos filas de íconos pequeños de apps.
Página de destino de Tencent WeScenario (fuente: BMW).

Miniapps en el escritorio

Miniapps en WeChat Desktop

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

Para probarla en macOS, comparte contigo mismo una miniapp desde un dispositivo móvil a través de la cuenta de "Transferencia de archivos". Se mostrará un mensaje que podrás abrir en el cliente de escritorio. En la mayoría de los casos, se podrá hacer clic directamente en la miniapp y esta podrá ejecutarse. En otros casos, debes reenviarte el historial de chat desde un dispositivo móvil.

El cliente de escritorio de macOS de WeChat muestra un chat contigo mismo con una miniapp compartida y un historial de chat como los dos mensajes visibles.
Cómo compartir una miniapp contigo mismo en el cliente de escritorio de macOS de WeChat

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

El panel de miniapps del cliente de Windows de WeChat, en el que se muestran las miniapps que el usuario usó recientemente.
El minipanel de la app en el cliente de Windows de WeChat.
La minibúsqueda de apps en el cliente de Windows de WeChat que muestra miniapps enumeradas en varias categorías, como juegos, negocios, educación, etcétera.
La minibúsqueda de apps en el cliente de Windows de WeChat.

Las miniaplicaciones de WeChat en el escritorio se integran naturalmente con el sistema operativo. En macOS y Windows, tienen su propia entrada en la barra de tareas múltiples y su propio ícono de barra de tareas. En macOS, hay una opción para mantenerse en el Dock, el ícono desaparece en cuanto se cierra la app cliente de WeChat. En Windows, los íconos de las miniapps 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 multitareas de macOS incluye miniapps junto con la app estándar de macOS.
La app de Starbucks es una miniapp que te permite realizar varias tareas, como cualquier app normal de macOS.
El ícono en miniatura de la app de Starbucks en el conector de macOS con el título 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 las condiciones de la IU y los mensajes de permisos 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 del usuario que este puede otorgar mediante un mensaje que se muestra en la parte inferior.
La miniapp de Starbucks que se ejecuta en macOS solicita el permiso de perfil de usuario.
La miniapp de Starbucks ejecutándose en macOS muestra la pantalla principal de la app.
La miniapp de Starbucks que se ejecuta en macOS en una ventana fija que no puede cambiar de tamaño.

Las miniapps responsivas optimizadas para computadoras de escritorio (excepto para dispositivos móviles) se pueden mostrar en una ventana más ancha que en macOS todavía está reparada, pero que en Windows puede cambiar de tamaño de manera flexible.

La app de demostración de componentes de WeChat en una ventana de app responsiva a la que se le puede cambiar el tamaño y que, de forma predeterminada, es más ancha que la pantalla móvil habitual.
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 encima del otro.
La app de demostración de componentes de WeChat en una ventana estrecha de la app.
La app de demostración de componentes de WeChat en una ventana amplia que muestra tres cuadros A, B y C con A apiladas sobre B y C en el costado.
La app de demostración de componentes de WeChat en una ventana amplia de app.

La configuración de permisos de la miniapp en macOS se puede cambiar desde el 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 información del usuario y ubicación.
Configuración mini de WeChat en macOS.

Miniapps del 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 se pueden comparar con las de otros proveedores. Sin embargo, 360 no ofrece Herramientas para desarrolladores dedicadas. En su lugar, los desarrolladores deben crear sus miniapps en el IDE que prefieran y, luego, pueden probarlas en el navegador con un modo de desarrollo especial. La depuración se realiza mediante las herramientas para desarrolladores de Chrome. Hay una app de demostración disponible para comenzar.

Una miniapp de 360 que se ejecuta en el navegador seguro de 360 y se depura con las herramientas para desarrolladores de Chrome.
Depuración de una miniapp de 360° con las herramientas para desarrolladores de Chrome.

Las miniapps 360 pueden ejecutarse en el modo de pantalla completa y aparecen como entradas separadas en la barra de tareas múltiples. Mediante el menú contextual, se puede agregar un ícono de pantalla principal que permita iniciar 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

Hay algunas miniplataformas de apps que se basan en la Web, pero que dependen de la presencia de una WebView especial para aprovechar 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 ofrece 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 motor de búsqueda en Internet, Naver Corporation.

Dado que las miniapps de LINE son básicamente solo una app web normal (consulta la app de ejemplo) que extraen el framework de frontend de LINE (LIFF), también se puede acceder a ella fuera de la app principal de LINE mediante vínculos permanentes especiales (ejemplo). Sin embargo, no todas las APIs están disponibles en esos casos. Algunos ejemplos de elementos que no están disponibles en las APIs del navegador incluyen el método liff.scanCode() para leer códigos QR o APIs relacionadas con Bluetooth, como liff.bluetooth.getAvailability(). Para familiarizarte con 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 que se ejecuta en un dispositivo iOS muestra `liff.getOS()` que muestra "ios".
La app de demostración de LINE Playground que se ejecuta en un dispositivo iOS.
La app de demostración de LINE Playground que se ejecuta en el navegador web muestra `liff.getOS()` que muestra 'web'.
La app de demostración de LINE Playground que se ejecuta en el navegador web.

Google Spot

La plataforma de Google Spot permite a los desarrolladores configurar un Spot en Google Pay, una vidriera digital que pueden crear, marcar y alojar de la forma que elijan. Es detectable tanto en línea como a través de códigos de barras físicos. Los usuarios pueden compartir fácilmente un “Spot” (como lo llama la app) en su app de mensajería favorita o encontrarlo en Google Pay. Un Spot se crea con HTML y JavaScript, por lo que las inversiones existentes en sitios web móviles o AWP se pueden transformar fácilmente en un Spot si "agregas algunas líneas de JavaScript" de acuerdo con la publicación del anuncio.

La app Eat.fit Mini que se ejecuta en la superapp de Google Pay, en la que se muestra la hoja inferior de acceso.
La app mini 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 miniprograma de apps que permite a los desarrolladores compilar miniapps que se relacionen estrechamente con la red social. Las miniapps de VK funcionan tanto en las apps para dispositivos móviles específicas de las plataformas de VK como en el sitio web para computadoras de escritorio. 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 miniapp Нсе алтеки que se ejecuta en VK.
La miniapp Нсе аPOPтеки que se ejecuta en VK (fuente: VK).

Miniapps de Telegram

Con Telegram Mini Apps, los desarrolladores pueden usar JavaScript para crear interfaces flexibles que se pueden iniciar dentro de Telegram. Al igual que los bots, las Miniapps admiten autorización fluida, pagos integrados mediante 20 proveedores de pagos (con Google Pay y Apple Pay listos para usar), entregando notificaciones push personalizadas a 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

Joe Medley, Kayce Basques, Milica Mihajlija, Alan Kent y Keith Gu revisaron este artículo.