Altri ambienti di runtime per mini app

Thomas Steiner

Non solo su dispositivi mobili

In paesi come la Cina, le mini app hanno conquistato il mercato. A parte i dispositivi mobili, dove le mini app sono onnipresenti e sono il loro habitat naturale, le mini app hanno iniziato a conquistare altri ambienti di runtime come le auto e il computer classico.

Mini app nelle auto

A luglio 2020, il produttore di auto tedesco BMW Group ha annunciato una collaborazione con Tencent, denominata WeScenario, che, secondo Tencent, verrà implementata in "30 principali case automobilistiche del mondo e [porterà l'ecosistema di WeScenario] di social, contenuti e servizi a più di 110 modelli di auto di uso comune".

Cruscotto di un'auto Tencent che mostra due righe di mini icone di app.
La pagina di destinazione di Tencent WeScenario (fonte: BMW).

Mini app sul computer

Mini app in WeChat Desktop

Utilizzando il client desktop di WeChat disponibile per macOS e Windows, è possibile eseguire le mini app di WeChat sul desktop. Assicurati di non caricare la versione per macOS dall'App Store se stai conducendo ricerche e vuoi un'esperienza completa, poiché è più limitata.

Per testarlo su macOS, condividi una mini app da un dispositivo mobile con te stesso tramite l'account "Trasferimento file". Verrà visualizzato un messaggio che potrai aprire sul client desktop. Nella maggior parte dei casi, la mini app sarà direttamente cliccabile ed eseguibile. In altri casi, devi inoltrare di nuovo la cronologia chat a te stesso da un dispositivo mobile.

Il client desktop macOS di WeChat che mostra una chat con se stesso con una mini app condivisa e una cronologia chat come i due messaggi visibili.
Condivisione di una mini app con se stessi nel client desktop macOS di WeChat.

Su Windows, la soluzione alternativa per condividere le mini app con se stessi non è necessaria, poiché è presente un pannello dedicato alle mini app che mostra le mini app utilizzate di recente dall'utente e include anche una ricerca delle app in cui è possibile scoprire nuove mini app.

Il riquadro delle mini app nel client Windows di WeChat che mostra le mini app utilizzate di recente dall'utente.
Il riquadro delle mini app nel client Windows di WeChat.
La ricerca di mini app nel client Windows di WeChat che mostra le mini app elencate in varie categorie come giochi, business, istruzione e così via.
La ricerca di mini app nel client Windows di WeChat.

Le mini app WeChat sul computer si integrano naturalmente con il sistema operativo. Sia su macOS che su Windows, hanno una voce nella barra di multitasking e un'icona nella barra delle app. Su macOS, è presente un'opzione per mantenere l'app nel Dock, ma l'icona scompare nel momento in cui l'app client WeChat viene chiusa. Su Windows, le icone delle mini app possono essere fissate alla barra delle app, ma non possono essere avviate. Su macOS, il titolo dell'app è sempre "WeChat" e non il titolo effettivo dell'app, mentre su Windows il titolo viene visualizzato correttamente.

Il selettore di app multitasking di macOS include mini app oltre alle normali app per macOS.
L'app Starbucks è una mini app e può essere usata in multitasking come qualsiasi app macOS normale.
L'icona della mini app Starbucks nella barra Dock di macOS con un titolo WeChat.
Le mini app su macOS hanno WeChat come titolo.

La maggior parte delle mini app non è ancora ottimizzata per il computer e viene eseguita in una finestra fissa non ridimensionabile che include le funzionalità dell'interfaccia utente e le richieste di autorizzazione ben note come su mobile (vedi L'esperienza utente).

La mini app Starbucks in esecuzione su macOS che richiede l'autorizzazione per il profilo utente, che l'utente può concedere tramite una richiesta visualizzata in basso.
La mini app Starbucks in esecuzione su macOS che richiede l'autorizzazione per il profilo utente.
La mini app Starbucks in esecuzione su macOS che mostra la schermata iniziale dell'app.
La mini app Starbucks in esecuzione su macOS in una finestra fissa non ridimensionabile.

Le mini app adattabili ottimizzate per il computer (a parte per il mobile) possono essere visualizzate in una finestra più ampia che su macOS è attualmente ancora fissa, ma su Windows è ridimensionabile in modo flessibile.

L'app di demo dei componenti WeChat in una finestra dell'app adattabile che può essere ridimensionata e che per impostazione predefinita è più ampia dello schermo del dispositivo mobile standard.
La demo dell'app dei componenti WeChat in una finestra dell'app adattabile.
L'app demo dei componenti WeChat in una finestra stretta che mostra tre caselle A, B e C impilate una sopra l'altra.
L'app di demo dei componenti WeChat in una finestra dell'app ristretta.
L'app di demo dei componenti WeChat in una finestra ampia che mostra tre caselle A, B e C con A sovrapposta a B e C di lato.
La demo dell'app dei componenti WeChat in una finestra dell'app ampia.

Le impostazioni delle autorizzazioni delle mini app su macOS possono essere modificate tramite il menu contestuale. Su Windows, questo non sembra essere possibile e la posizione segnalata dall'app di demo sembra essere la posizione approssimativa che Windows consente alle app di ottenere senza chiedere l'autorizzazione.

L'app di demo dei componenti WeChat in esecuzione su macOS che mostra due caselle di controllo per l'autorizzazione di accesso alla posizione e alle informazioni utente.
Impostazioni della mini app WeChat su macOS.

Mini app in 360 Secure Browser

360 Secure Browser (360 安全浏览器) è un browser web sviluppato dalla società Qihoo. Oltre che su iOS e Android, il browser è disponibile anche su Windows, macOS e Linux. Su Windows, è in grado di eseguire mini app 360 speciali. La documentazione per gli sviluppatori e l'API sono paragonabili a quelle di altri fornitori. Tuttavia, 360 non offre DevTools dedicati. Gli sviluppatori devono invece creare le mini app in un IDE di loro scelta e poi possono testarle nel browser utilizzando una modalità di sviluppo speciale. Il debug viene eseguito tramite gli Strumenti per sviluppatori di Chrome. Per iniziare, è disponibile un'app di demo.

Una mini app 360 in esecuzione in 360 Secure Browser di cui viene eseguito il debug con gli Strumenti per sviluppatori di Chrome.
Eseguire il debug di una mini app 360 utilizzando Chrome DevTools.

Le mini app 360 possono essere eseguite in modalità a schermo intero e vengono visualizzate come voci separate nella barra delle app multitasking. Tramite il menu contestuale, è possibile aggiungere un'icona nella schermata Home che consente di avviare le mini app dal computer.

Una mini app di video a 360 gradi in esecuzione in modalità a schermo intero che mostra varie miniature di video da guardare.
Mini app 360 in esecuzione in modalità a schermo intero.

Mini app basate sul web

Esistono alcune piattaforme di mini app basate sul web, ma che dipendono dalla presenza di un WebView speciale per esprimere tutto il loro potenziale.

LINE

LINE è un'app per le comunicazioni istantanee su dispositivi elettronici come smartphone, tablet e personal computer. Inoltre, LINE è una piattaforma che offre vari servizi, tra cui portafoglio digitale, stream di notizie, video on demand e distribuzione di fumetti digitali. Il servizio è una consociata della società coreana di motori di ricerca internet Naver Corporation.

Poiché le mini app di LINE sono essenzialmente solo una normale app web (vedi app di esempio) che importa il LINE Front-end Framework (LIFF), è possibile accedervi anche al di fuori dell'app LINE principale tramite link permanenti speciali (esempio). Tuttavia, non tutte le API sono disponibili in questi casi. Alcuni esempi di API non disponibili nelle API del browser sono il metodo liff.scanCode() per la lettura dei codici QR o le API correlate al Bluetooth come liff.bluetooth.getAvailability(). Per farti un'idea della piattaforma, puoi testare l'app LINE Playground nel browser e l'app LINE se hai un account LINE.

L'app di demo LINE Playground in esecuzione su un dispositivo iOS che mostra "liff.getOS()" che restituisce "ios".
L'app di demo di LINE Playground in esecuzione su un dispositivo iOS.
L'app di demo LINE Playground in esecuzione nel browser web che mostra "liff.getOS()" che restituisce "web".
L'app di demo di LINE Playground in esecuzione nel browser web.

Google Spot

La piattaforma Google Spot consente agli sviluppatori di configurare un Spot su Google Pay, un negozio digitale che possono creare, branding e hosting come preferiscono. È rilevabile sia online che tramite codici a barre fisici. Gli utenti possono condividere facilmente un "Spot" (come viene chiamato nell'app) sulla loro app di messaggistica preferita o trovarlo su Google Pay. Uno Spot viene creato utilizzando HTML e JavaScript, quindi gli investimenti esistenti in siti web mobile o PWA possono essere facilmente trasformati in uno Spot "aggiungendo alcune righe di JavaScript", come indicato nel post dell'annuncio.

La mini app Eat.fit in esecuzione nella super app Google Pay che mostra il riquadro inferiore di accesso.
La mini app Eat.fit in esecuzione nella super app Google Pay (fonte: Google).

Mini app VK

La piattaforma di social networking russa VK gestisce un programma di mini app che consente agli sviluppatori di creare mini app strettamente integrate al social network. Le mini app VK funzionano sia sulle app mobile specifiche della piattaforma VK sia sul sito web per computer. Oltre a diverse altre piattaforme del brand come Mail.ru, le mini app VK sono integrate anche nel browser Atom.

La mini app Tutte le farmacie in esecuzione su VK.
La mini app Все аптеки in esecuzione su VK (fonte: VK).

Mini app di Telegram

Con le mini app di Telegram, gli sviluppatori possono utilizzare JavaScript per creare interfacce flessibili che possono essere avviate direttamente all'interno di Telegram. Come i bot, le mini app supportano l'autorizzazione senza problemi, i pagamenti integrati utilizzando 20 fornitori di servizi di pagamento (con Google Pay e Apple Pay pronti all'uso), inviando notifiche push personalizzate agli utenti e molto altro ancora. Per testare la funzionalità è disponibile una mini app di demo.

Mini app demo di Durger King (fonte: Telegram).

Ringraziamenti

Questo articolo è stato esaminato da Joe Medley, Kayce Basques, Milica Mihajlija, Alan Kent, e Keith Gu.