Altri ambienti di runtime per mini app

Thomas Steiner

Non solo sui dispositivi mobili

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

Mini app nelle auto

A luglio 2020, la casa automobilistica tedesca BMW Group ha annunciato una collaborazione con Tencent con il marchio WeScenario che, secondo Tencent, verrà implementata in "30 aziende automobilistiche leader a livello mondiale e [porta l'ecosistema WeScenario] di social, contenuti e servizi a oltre 110 modelli di automobili tradizionali".

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

Mini app sul desktop

Mini app in WeChat per desktop

Utilizzando il client desktop WeChat disponibile per macOS e Windows, è possibile eseguire le app WeChat mini sul desktop. Se stai effettuando ricerche e vuoi un'esperienza completa, assicurati di non caricare la versione di macOS dall'App Store, dato che è più limitata.

Per testarla 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à quindi direttamente cliccabile ed eseguibile. In altri casi, devi inoltrare di nuovo la cronologia chat a te stesso da un dispositivo mobile.

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

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

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

Le mini app WeChat sul desktop si integrano naturalmente con il sistema operativo. Su macOS e Windows, hanno la propria voce nella barra del multitasking e la propria icona nella barra. Su macOS, c'è un'opzione che può rimanere nel dock; l'icona scompare nel momento in cui l'app client WeChat viene chiusa. Su Windows, le icone delle mini app possono essere bloccate sulla barra delle app, ma non possono essere avviate. Su macOS, il titolo dell'app è sempre "WeChat" e non il titolo effettivo dell'app, mentre il titolo viene visualizzato correttamente su Windows.

Il selettore multitasking per macOS include mini app insieme alle normali app per macOS.
L'app Starbucks è una mini app e può essere eseguita in multitasking come qualsiasi normale app macOS.
L'icona della mini app Starbucks sul 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 i dispositivi desktop e viene eseguita in una finestra fissa e non ridimensionabile che include le note offerte dell'interfaccia utente e richieste di autorizzazione come sui dispositivi mobili (vedi Esperienza utente).

La mini app Starbucks in esecuzione su macOS richiede l'autorizzazione del profilo utente che l'utente può concedere tramite un messaggio mostrato in basso.
La mini app Starbucks in esecuzione su macOS richiede l'autorizzazione del profilo utente.
La mini app Starbucks in esecuzione su macOS che mostra la schermata Home dell'app.
La mini app Starbucks in esecuzione su macOS in una finestra fissa e non ridimensionabile.

Le mini app adattabili ottimizzate per il computer (oltre che per i dispositivi mobili) possono essere visualizzate in una finestra più ampia che su macOS è ancora fissa, mentre su Windows è ridimensionabile in modo flessibile.

L'app demo dei componenti di WeChat in una finestra adattabile dell'app che può essere ridimensionata e che per impostazione predefinita è più larga del solito schermo mobile.
App demo dei componenti WeChat in una finestra dell'app adattabile.
L'app demo dei componenti di WeChat in una finestra stretta che mostra tre riquadri A, B e C impilati l'uno sopra l'altro.
L'app demo dei componenti WeChat in una finestra dell'app stretta.
L'app demo dei componenti di WeChat in un'ampia finestra che mostra tre riquadri A, B e C con A sopra B e C sul lato.
L'app demo dei componenti WeChat in un'ampia finestra dell'app.

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

L'app demo dei componenti di 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 nel browser sicuro di 360

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

Una mini app 360 in esecuzione nel browser sicuro 360 viene sottoposta a debug con Chrome Dev Tools.
Debug di una mini app 360 mediante Chrome Dev Tools.

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

Una mini app di video a 360° in esecuzione in modalità a schermo intero che mostra varie miniature di video da guardare.
Mini app per 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 una WebView speciale per esprimere il loro pieno potenziale.

LINE

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

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

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

Spot di Google

La piattaforma Google Spot consente agli sviluppatori di creare uno Spot su Google Pay, una vetrina digitale che possono creare, promuovere e ospitare come preferiscono. È rilevabile sia online che tramite codici a barre fisici. Gli utenti possono condividere facilmente uno "Spot" (come lo chiama l'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" secondo il post dell'annuncio.

La mini app Eat.fit in esecuzione nella superapp Google Pay con il riquadro inferiore per l'accesso.
La mini app Eat.fit in esecuzione nella superapp Google Pay (Fonte: Google).

App VK Mini

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

La mini app Бе аптеки in esecuzione in VK.
La mini app Бсе аптеки in esecuzione in VK (fonte: VK).

App Telegram Mini

Con le mini app Telegram, gli sviluppatori possono usare JavaScript per creare interfacce flessibili da lanciare direttamente all'interno di Telegram. Come i bot, le Mini app supportano l'autorizzazione continua, i pagamenti integrati tramite 20 fornitori di servizi di pagamento (con Google Pay e Apple Pay pronti all'uso), fornendo notifiche push personalizzate agli utenti e molto altro. È disponibile una miniapp demo per testare la funzionalità.

La 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.