Autres environnements d'exécution de mini-applications

Thomas Steiner

Au-delà du mobile

Dans des pays comme la Chine, les mini-applications ont envahi le marché. En dehors des appareils mobiles, où les mini-applications sont omniprésentes et constituent leur habitat naturel, elles ont commencé à conquérir d'autres environnements d'exécution, comme les voitures et les ordinateurs de bureau classiques.

Mini-applications dans les voitures

En juillet 2020, le constructeur automobile allemand BMW Group a annoncé une collaboration avec Tencent sous la marque WeScenario, qui, selon Tencent, sera déployée auprès de 30 grandes entreprises automobiles dans le monde et [apportera l'écosystème WeScenario] à plus de 110 modèles automobiles grand public.

Tableau de bord d'une voiture Tencent affichant deux lignes d'icônes d'applications miniatures.
Page de destination de Tencent WeScenario (Source: BMW).

Mini-applications sur ordinateur

Mini-applications dans WeChat Desktop

Avec le client de bureau WeChat disponible pour macOS et Windows, vous pouvez exécuter des mini-applications WeChat sur votre ordinateur. (Assurez-vous de ne pas charger la version macOS depuis l'App Store si vous effectuez des recherches et que vous souhaitez profiter de l'expérience complète, car elle est plus limitée.)

Pour le tester sur macOS, partagez une mini-application depuis un appareil mobile avec vous-même via le compte "File Transfer" (Transfert de fichiers). Un message s'affiche, que vous pouvez ensuite ouvrir dans le client pour ordinateur. Dans la plupart des cas, la mini-application sera alors directement cliquable et exécutable. Dans d'autres cas, vous devez renvoyer l'historique de chat à vous-même depuis un appareil mobile.

Client WeChat pour macOS affichant une discussion avec soi-même, avec une mini-application partagée et un historique de discussion comme deux messages visibles.
partager une mini-application avec soi-même dans le client de bureau macOS WeChat ;

Sous Windows, le contournement pour partager des mini-applications avec soi-même n'est pas nécessaire, car un panneau dédié aux mini-applications affiche les mini-applications récemment utilisées par l'utilisateur et inclut également une recherche d'applications permettant de découvrir de nouvelles mini-applications.

Panneau des mini-applications dans le client Windows WeChat affichant les mini-applications récemment utilisées par l'utilisateur.
Volet des mini-programmes dans le client Windows WeChat.
Recherche de mini-applications dans le client Windows WeChat, affichant les mini-applications dans différentes catégories (jeux, affaires, éducation, etc.)
Recherche de mini-applications dans le client Windows WeChat.

Les mini-applications WeChat sur ordinateur s'intègrent naturellement au système d'exploitation. Sur macOS et Windows, ils disposent de leur propre entrée dans la barre multitâche et de leur propre icône dans la barre des tâches. Sur macOS, il existe une option permettant de conserver l'icône dans le Dock, mais elle disparaît dès que l'application cliente WeChat est fermée. Sous Windows, les icônes de mini-applications peuvent être épinglées à la barre des tâches, mais ne peuvent pas être lancées. Sur macOS, le titre de l'application est toujours "WeChat" et non le titre réel de l'application, tandis que le titre s'affiche correctement sous Windows.

Le sélecteur multitâche macOS inclut des mini-applications en plus des applications macOS standards.
La mini-application Starbucks peut être utilisée en mode multitâche comme n'importe quelle application macOS standard.
Icône de la mini-application Starbucks dans le dock macOS avec le titre WeChat.
Les mini-applications sur macOS ont pour titre WeChat.

La plupart des mini-applications ne sont pas encore optimisées pour ordinateur et s'exécutent dans une fenêtre fixe et non redimensionnable qui inclut les affordances d'UI et les invites d'autorisation bien connues comme sur mobile (voir la section L'expérience utilisateur).

Mini-application Starbucks exécutée sur macOS demandant l'autorisation d'accéder au profil utilisateur, que l'utilisateur peut accorder via une invite affichée en bas.
Mini-application Starbucks exécutée sur macOS demandant l'autorisation d'accéder au profil utilisateur.
Mini-application Starbucks exécutée sur macOS, affichant l'écran d'accueil de l'application.
Mini-application Starbucks exécutée sur macOS dans une fenêtre fixe et non redimensionnable.

Les mini-applications responsives optimisées pour l'ordinateur (à l'exception des mobiles) peuvent être affichées dans une fenêtre plus large qui est actuellement fixe sous macOS, mais qui est redimensionnable sous Windows.

Application de démonstration des composants WeChat dans une fenêtre d'application responsife pouvant être redimensionnée et qui, par défaut, est plus large que l'écran mobile habituel.
Application de démonstration des composants WeChat dans une fenêtre d'application responsive.
Application de démonstration des composants WeChat dans une fenêtre étroite montrant trois cases A, B et C empilées les unes sur les autres.
Application de démonstration des composants WeChat dans une fenêtre d'application étroite.
Application de démonstration des composants WeChat dans une fenêtre large affichant trois cases A, B et C, avec A empilée sur B et C sur le côté.
Démo de l'application des composants WeChat dans une fenêtre d'application large.

Vous pouvez modifier les paramètres d'autorisation des mini-applications sur macOS via le menu contextuel. Sous Windows, cela ne semble pas possible, et la position signalée par l'application de démonstration semble être la position approximative que Windows autorise les applications à obtenir sans demander l'autorisation.

Application de démonstration des composants WeChat exécutée sur macOS, avec deux cases à cocher pour l'autorisation d'accéder à la position et aux informations utilisateur.
Paramètres de la mini-application WeChat sous macOS.

Mini-applications dans le navigateur sécurisé 360

360 Secure Browser (360 安全浏览器) est un navigateur Web développé par l'entreprise Qihoo. En plus d'iOS et Android, le navigateur est également disponible pour Windows, macOS et Linux. Sous Windows, il peut exécuter des mini-applications 360 spéciales. La documentation destinée aux développeurs et l'API sont comparables à celles d'autres fournisseurs. Toutefois, 360 n'offre pas de DevTools dédiés. Au lieu de cela, les développeurs doivent créer leurs mini-applications dans un IDE de leur choix, puis les tester dans le navigateur à l'aide d'un mode de développement spécial. Le débogage se fait via les outils pour les développeurs Chrome. Une application de démonstration est disponible pour vous aider à vous lancer.

Débogage d'une mini-application 360 exécutée dans le navigateur 360 Secure avec les outils de développement Chrome.
Débogage d'une mini-application à 360 degrés à l'aide des outils pour les développeurs Chrome.

Les mini-applications 360 peuvent s'exécuter en mode plein écran et apparaissent en tant qu'entrées distinctes dans la barre multitâche. Via le menu contextuel, vous pouvez ajouter une icône d'écran d'accueil permettant de lancer des mini-applications depuis le bureau.

Mini-application vidéo 360 en mode plein écran affichant différentes miniatures de vidéos à regarder.
Mini-application 360 exécutée en mode plein écran.

Mini-applications Web

Certaines plates-formes de mini-applications sont basées sur le Web, mais elles dépendent de la présence d'une WebView spéciale pour exploiter tout leur potentiel.

LINE

LINE est une application de communication instantanée sur des appareils électroniques tels que les smartphones, les tablettes et les ordinateurs personnels. De plus, LINE est une plate-forme qui propose divers services, dont un portefeuille numérique, un flux d'actualités, des vidéos à la demande et la distribution de bandes dessinées numériques. Le service est une filiale de la société coréenne de moteur de recherche sur Internet, Naver Corporation.

Étant donné que les mini-applications LINE sont essentiellement une application Web standard (voir exemple d'application) qui extrait le framework de front-end LINE (LIFF), vous pouvez également y accéder en dehors de l'application LINE principale via des liens permanents spéciaux (exemple). Toutefois, toutes les API ne sont pas disponibles dans ce cas. Par exemple, la méthode liff.scanCode() pour lire les codes QR ou les API liées au Bluetooth telles que liff.bluetooth.getAvailability() ne sont pas disponibles dans les API du navigateur. Pour vous familiariser avec la plate-forme, vous pouvez tester l'application LINE Playground dans le navigateur et l'application LINE si vous disposez d'un compte LINE.

Application de démonstration LINE Playground exécutée sur un appareil iOS, montrant que liff.getOS() renvoie "ios".
L'application de démonstration LINE Playground s'exécute sur un appareil iOS.
L'application de démonstration LINE Playground exécutée dans le navigateur Web, montrant que liff.getOS() renvoie "web".
L'application de démonstration LINE Playground s'exécute dans le navigateur Web.

Google Spot

La plate-forme Google Spot permet aux développeurs de configurer un spot sur Google Pay, une vitrine numérique qu'ils peuvent créer, personnaliser et héberger comme ils le souhaitent. Il est visible en ligne et via des codes-barres physiques. Les utilisateurs peuvent facilement partager un "Spot" (comme l'appelle l'application) dans leur application de chat préférée ou le trouver sur Google Pay. Un spot est créé à l'aide de HTML et de JavaScript. Les investissements existants dans des sites Web mobiles ou des PWA peuvent donc être facilement transformés en spot en "ajoutant quelques lignes de code JavaScript", selon le post d'annonce.

Mini-application Eat.fit exécutée dans la super-application Google Pay affichant la bottom sheet de connexion.
Mini-application Eat.fit exécutée dans la super-application Google Pay (source: Google).

Mini-applications VK

La plate-forme de réseau social russe VK propose un programme de mini-applications qui permet aux développeurs de créer des mini-applications étroitement liées au réseau social. Les mini-applications VK fonctionnent à la fois sur les applications mobiles spécifiques à la plate-forme de VK et sur le site Web pour ordinateur. En plus de plusieurs autres plates-formes de la marque, comme Mail.ru, les mini-applications VK sont également intégrées au navigateur Atom.

Mini-application Все аптеки exécutée dans VK.
Mini-application Все аптеки exécutée dans VK (Source: VK).

Mini-applications Telegram

Avec les mini-applications Telegram, les développeurs peuvent utiliser JavaScript pour créer des interfaces flexibles qui peuvent être lancées directement dans Telegram. Comme les bots, les mini-applications permettent une autorisation fluide et des paiements intégrés via 20 fournisseurs de paiement (avec Google Pay et Apple Pay prêts à l'emploi), l'envoi de notifications push personnalisées aux utilisateurs, et bien plus encore. Une mini-application de démonstration est disponible pour tester cette fonctionnalité.

Mini-application de démonstration de Durger King (source: Telegram).

Remerciements

Cet article a été relu par Joe Medley, Kayce Basques, Milica Mihajlija, Alan Kent et Keith Gu.