Mehr als nur mobil
In Ländern wie China haben Mini-Apps im Sturm erobert. Neben Mobilgeräten, auf denen Mini-Apps allgegenwärtig sind und deren natürlicher Lebensraum darstellen, haben sie auch andere Laufzeitumgebungen wie Autos und den klassischen Desktop-Computer erobert.
Mini-Apps in Autos
Im Juli 2020 kündigte der deutsche Autohersteller BMW Group eine Zusammenarbeit mit Tencent mit der Marke WeSzenario an, die laut Tencent „30 weltweit führende Automobilkonzerne und [um das WeSzenario]-Ökosystem aus sozialen Medien, Inhalten und Dienstleistungen für mehr als 110 Mainstream-Automobilmodelle eingeführt wird.“
![Dashboard eines Tencent-Autos mit zwei Reihen mit Mini-App-Symbolen.](https://web.dev/static/articles/mini-apps/mini-app-alternative-runtime-environments/image/dashboard-a-tencent-car.jpg?authuser=6&hl=de)
Mini-Apps auf dem Desktop
Mini-Apps in WeChat Desktop
Mit dem für macOS und Windows verfügbaren WeChat-Desktopclient können WeChat-Minianwendungen auf dem Desktop ausgeführt werden. (Achten Sie darauf, die macOS-Version aus dem App Store nicht zu laden, wenn Sie Recherche betreiben und alle Funktionen nutzen möchten, da sie eingeschränkt ist.)
Um sie unter macOS zu testen, teilen Sie eine Mini-App von einem Mobilgerät über das Konto für die Dateiübertragung mit sich selbst. Daraufhin wird eine Meldung angezeigt, die Sie dann auf dem Desktop-Client öffnen können. In den meisten Fällen kann die Mini-App dann direkt anklickbar und ausgeführt werden. In anderen Fällen müssen Sie das Chatprotokoll von einem Mobilgerät noch einmal an sich selbst weiterleiten.
![Der macOS-Desktop-Client von WeChat, der einen Chat mit sich selbst zeigt, mit einer freigegebenen Mini-App und einem Chatprotokoll als zwei sichtbaren Nachrichten.](https://web.dev/static/articles/mini-apps/mini-app-alternative-runtime-environments/image/the-wechat-macos-desktop-ff77c2594df87.png?authuser=6&hl=de)
Unter Windows ist die Problemumgehung nicht notwendig, um Mini-Apps für sich selbst freizugeben, da es einen speziellen Bereich mit Mini-Apps gibt, in dem die zuletzt verwendeten Mini-Apps des Nutzers angezeigt werden. Außerdem gibt es eine App-Suche, in der neue Mini-Apps gefunden werden können.
![Der Mini-App-Bereich im WeChat-Windows-Client mit den zuletzt verwendeten Mini-Apps des Nutzers](https://web.dev/static/articles/mini-apps/mini-app-alternative-runtime-environments/image/the-mini-app-panel-the-w-d77d8ecfb45ff.png?authuser=6&hl=de)
![Die Mini-App-Suche im WeChat-Windows-Client mit Mini-Apps aus verschiedenen Kategorien wie Spiele, Geschäft, Bildung usw.](https://web.dev/static/articles/mini-apps/mini-app-alternative-runtime-environments/image/the-mini-app-search-the-063f6eb0f29b8.png?authuser=6&hl=de)
WeChat-Mini-Apps auf dem Desktop lassen sich ganz natürlich in das Betriebssystem integrieren. Sowohl unter macOS als auch unter Windows erhalten sie einen eigenen Eintrag in der Multitaskingleiste und ein eigenes Symbol in der Taskleiste. Unter macOS gibt es eine Option, die im Dock belassen werden kann. Sobald die WeChat-Client-App geschlossen wird, verschwindet das Symbol. Unter Windows können Mini-App-Symbole an die Taskleiste angepinnt, aber nicht gestartet werden. Unter macOS lautet der Titel der Anwendung immer „WeChat“ und nicht der tatsächliche Titel der Anwendung. Unter Windows wird der Titel hingegen korrekt angezeigt.
![Der macOS-Multitasker-Wechsler enthält neben der regulären macOS-App Mini-Apps.](https://web.dev/static/articles/mini-apps/mini-app-alternative-runtime-environments/image/the-macos-multitask-switc-41fdba003b0ab.png?authuser=6&hl=de)
![Das Starbucks-Mini-App-Symbol auf dem macOS-Dock mit einem WeChat-Titel.](https://web.dev/static/articles/mini-apps/mini-app-alternative-runtime-environments/image/the-starbucks-mini-app-ic-69f453a6b3106.png?authuser=6&hl=de)
Die meisten Mini-Apps sind noch nicht für Desktop-Computer optimiert und werden in einem festen Fenster mit nicht anpassbarer Größe ausgeführt, das die bekannten UI-Angebote und Berechtigungsaufforderungen wie auf Mobilgeräten enthält (siehe Nutzererfahrung).
![Die Starbucks-Mini-App unter macOS fordert die Berechtigung für das Nutzerprofil an, die der Nutzer über eine unten angezeigte Aufforderung erteilen kann.](https://web.dev/static/articles/mini-apps/mini-app-alternative-runtime-environments/image/the-starbucks-mini-app-ru-1b25007f0451a.png?authuser=6&hl=de)
![Die Starbucks-Mini-App unter macOS mit dem Startbildschirm der App.](https://web.dev/static/articles/mini-apps/mini-app-alternative-runtime-environments/image/the-starbucks-mini-app-ru-572cd2e489b0f.png?authuser=6&hl=de)
Responsive Mini-Apps, die (außer für Mobilgeräte) für Desktop-Computer optimiert sind, können in einem breiteren Fenster angezeigt werden, das unter macOS derzeit noch feststeht, aber unter Windows flexibel angepasst werden kann.
![Die Demo-App der WeChat-Komponenten in einem responsiven App-Fenster, dessen Größe angepasst werden kann, ist standardmäßig breiter als der übliche Bildschirm des Mobilgeräts.](https://web.dev/static/articles/mini-apps/mini-app-alternative-runtime-environments/image/the-wechat-components-dem-1c3d986776774.png?authuser=6&hl=de)
![Die Demo-App für WeChat-Komponenten in einem schmalen Fenster mit den drei übereinander gestapelten Feldern A, B und C.](https://web.dev/static/articles/mini-apps/mini-app-alternative-runtime-environments/image/the-wechat-components-dem-a1fe189f05208.png?authuser=6&hl=de)
![Die Demo-App für WeChat-Komponenten in einem breiten Fenster mit den drei Feldern A, B und C, wobei A an der Seite über B und C gestapelt ist](https://web.dev/static/articles/mini-apps/mini-app-alternative-runtime-environments/image/the-wechat-components-dem-abe24ae8acfe5.png?authuser=6&hl=de)
Einstellungen für Mini-App-Berechtigungen unter macOS können über das Kontextmenü geändert werden. Unter Windows scheint dies nicht möglich zu sein, und der von der Demo-App gemeldete Speicherort scheint der ungefähre Speicherort zu sein, den Apps ohne Berechtigungsanfrage unter Windows abrufen können.
![Die Demo-App für WeChat-Komponenten unter macOS mit zwei Kästchen für die Berechtigung „Standort“ und „Nutzerinformationen“.](https://web.dev/static/articles/mini-apps/mini-app-alternative-runtime-environments/image/the-wechat-components-dem-3646592ae405b.png?authuser=6&hl=de)
Mini-Apps im sicheren 360-Browser
360 Secure Browser (360 安全浏览정) ist ein Webbrowser, der vom Unternehmen Qihoo entwickelt wurde. Neben iOS und Android ist der Browser auch für Windows, macOS und Linux verfügbar. Unter Windows können spezielle 360-Mini-Apps ausgeführt werden. Die Entwicklerdokumentation und die API sind mit denen anderer Anbieter vergleichbar. In 360 gibt es jedoch keine speziellen Entwicklertools. Stattdessen müssen Entwickler ihre Mini-Apps in einer IDE ihrer Wahl erstellen und sie dann in einem speziellen Entwicklungsmodus im Browser testen. Die Fehlerbehebung erfolgt über die Chrome-Entwicklertools. Zum Einstieg ist eine Demo-App verfügbar.
![Eine 360-Mini-App, die in 360 Secure Browser ausgeführt wird und in der mit den Chrome-Entwicklertools Fehler behoben werden.](https://web.dev/static/articles/mini-apps/mini-app-alternative-runtime-environments/image/a-360-mini-app-running-3-6302b6618cd95.png?authuser=6&hl=de)
360°-Mini-Apps können im Vollbildmodus ausgeführt werden und erscheinen als separate Einträge in der Multitasking-Leiste. Über das Kontextmenü kann ein Startbildschirmsymbol hinzugefügt werden, mit dem Mini-Apps vom Desktop aus gestartet werden können.
![Eine Mini-App mit 360°-Videos im Vollbildmodus mit verschiedenen Thumbnails von Videos.](https://web.dev/static/articles/mini-apps/mini-app-alternative-runtime-environments/image/a-360-video-mini-app-runn-aa0d65f94deb.png?authuser=6&hl=de)
Webbasierte Mini-Apps
Es gibt einige Plattformen für Mini-Apps, die webbasiert sind, aber für ihr volles Potenzial ein spezielles WebView benötigen.
LINE
LINE ist eine App für die Sofortkommunikation auf elektronischen Geräten wie Smartphones, Tablets und PCs. Darüber hinaus bietet LINE verschiedene Dienste wie digitale Geldbörse, Nachrichtenstreams, Video-on-Demand und digitale Comics. Der Dienst ist eine Tochtergesellschaft des koreanischen Internetsuchmaschinenunternehmens Naver Corporation.
Da LINE-Mini-Apps im Wesentlichen eine normale Webanwendung sind (siehe Beispiel-App), die das LINE-Front-End-Framework (LIFF) abruft, kann auch außerhalb der LINE-Hauptanwendung über spezielle dauerhafte Links (Beispiel) auf sie zugegriffen werden. Allerdings sind dann nicht alle APIs verfügbar. Beispiele sind in den Browser-APIs nicht verfügbar, etwa die Methode liff.scanCode()
zum Lesen von QR-Codes oder Bluetooth-bezogene APIs wie liff.bluetooth.getAvailability()
.
Wenn Sie sich mit der Plattform vertraut machen möchten, können Sie die LINE Playground-App im Browser und die LINE-App testen, wenn Sie ein LINE-Konto haben.
![Die LINE Playground-Demo-App, die auf einem iOS-Gerät ausgeführt wird und „liff.getOS()“ zeigt, dass „ios“ zurückgegeben wird.](https://web.dev/static/articles/mini-apps/mini-app-alternative-runtime-environments/image/the-line-playground-demo-78d20ca810b96.png?authuser=6&hl=de)
![Die im Webbrowser ausgeführte LINE Playground-Demo-App mit der Anzeige „liff.getOS()“, die „web“ zurückgibt.](https://web.dev/static/articles/mini-apps/mini-app-alternative-runtime-environments/image/the-line-playground-demo-1f5ceb7a58e0c.png?authuser=6&hl=de)
Google-Spot
Mit der Google Spot Platform können Entwickler einen Spot in Google Pay einrichten – ein digitales Schaufenster, das sie nach Belieben erstellen, als Marke und hosten können. Sie ist sowohl online als auch über physische Barcodes sichtbar. Nutzer können einen „Spot“ (wie von der App genannt) ganz einfach in ihrer bevorzugten Messaging-App teilen oder in Google Pay finden. Ein Spot basiert auf HTML und JavaScript, sodass bestehende Investitionen in mobile Websites oder PWAs leicht in einen Spot umgewandelt werden können. Dazu müssen laut Ankündigungsbeitrag ein paar Zeilen JavaScript hinzugefügt werden.
![Die Eat.fit-Mini-App, die in der Google Pay Super App ausgeführt wird, mit der Ansicht am unteren Rand für die Anmeldung.](https://web.dev/static/articles/mini-apps/mini-app-alternative-runtime-environments/image/the-eatfit-mini-app-runn-f55df1ea6339d.png?authuser=6&hl=de)
VK Mini-Apps
Das russische soziale Netzwerk VK betreibt ein Mini-App-Programm, mit dem Entwickler Mini-Apps entwickeln können, die eng mit dem sozialen Netzwerk verbunden sind. VK Mini-Apps funktionieren sowohl mit den plattformspezifischen mobilen Apps von VK als auch auf der Desktop-Website. Neben einigen anderen Plattformen der Marke wie Mail.ru sind VK-Mini-Apps auch in den Atom-Browser integriert.
![Die Mini-App für VK](https://web.dev/static/articles/mini-apps/mini-app-alternative-runtime-environments/image/the-vse-apteki-mini-app-r-4c223b1f34dd3.webp?authuser=6&hl=de)
Telegram Mini-Apps
Mit Telegram Mini Apps können Entwickler mithilfe von JavaScript flexible Schnittstellen erstellen, die direkt in Telegram gestartet werden können. Ähnlich wie Bots unterstützen auch Mini-Apps die nahtlose Autorisierung, integrierte Zahlungen über 20 Zahlungsanbieter (mit Google Pay und Apple Pay standardmäßig), liefern maßgeschneiderte Push-Benachrichtigungen an Nutzer und vieles mehr. Es gibt eine Mini-Demo-App, mit der du die Funktion testen kannst.
Danksagungen
Dieser Artikel wurde von Joe Medley, Kayce Basques, Milica Mihajlija, Alan Kent und Keith Gu verfasst.