Andere Laufzeitumgebungen von Mini-Apps

Thomas Steiner

Nicht nur auf Mobilgeräten

In Ländern wie China haben Mini-Apps den Markt im Sturm erobert. Neben Mobilgeräten, auf denen Mini-Apps allgegenwärtig sind und die ihr natürliches Habitat sind, erobern Mini-Apps auch andere Laufzeitumgebungen wie Autos und den klassischen Desktop.

Mini-Apps in Autos

Im Juli 2020 kündigte der deutsche Autohersteller BMW Group eine Zusammenarbeit mit Tencent an, die unter dem Namen WeScenario vermarktet wird. Laut Tencent wird das System von sozialen Netzwerken, Inhalten und Diensten von WeScenario für mehr als 110 gängige Automodelle von 30 führenden Automobilunternehmen der Welt eingeführt.

Armaturenbrett eines Tencent-Autos mit zwei Zeilen Mini-App-Symbolen
Landingpage von Tencent WeScenario (Quelle: BMW).

Mini-Apps auf dem Desktop

Mini-Apps in der Desktopversion von WeChat

Mit dem WeChat-Desktopclient, der für macOS und Windows verfügbar ist, können WeChat-Mini-Apps auf dem Computer ausgeführt werden. Wenn Sie Recherchen durchführen und alle Funktionen nutzen möchten, laden Sie die macOS-Version nicht aus dem App Store herunter, da sie eingeschränkt ist.

Wenn Sie die Funktion unter macOS testen möchten, teilen Sie sich eine Mini-App über das Konto „Dateiübertragung“ von einem Mobilgerät aus mit. Daraufhin wird eine Nachricht angezeigt, die Sie im Desktop-Client öffnen können. In den meisten Fällen kann die Mini-App dann direkt angeklickt und ausgeführt werden. In anderen Fällen müssen Sie den Chatverlauf noch einmal von einem Mobilgerät an sich selbst weiterleiten.

Der macOS-Desktopclient von WeChat mit einem Chat mit sich selbst, einer freigegebenen Mini-App und einem Chatverlauf als zwei sichtbare Nachrichten.
Mini-Apps im macOS-Desktopclient von WeChat für sich selbst freigeben.

Unter Windows ist diese Umgehung nicht erforderlich, da es ein spezielles Mini-App-Steuerfeld gibt, in dem die zuletzt verwendeten Mini-Apps des Nutzers angezeigt werden. Außerdem gibt es eine App-Suche, über die neue Mini-Apps gefunden werden können.

Das Mini-App-Steuerfeld im WeChat-Windows-Client mit den zuletzt verwendeten Mini-Apps des Nutzers.
Das Mini-App-Steuerfeld im WeChat-Windows-Client.
Die Mini-App-Suche im Windows-Client von WeChat mit Mini-Apps in verschiedenen Kategorien wie Spiele, Unternehmen, Bildung usw.
Die Mini-App-Suche im WeChat-Windows-Client.

WeChat-Mini-Apps auf dem Computer werden nahtlos in das Betriebssystem eingebunden. Sowohl unter macOS als auch unter Windows erhalten sie einen eigenen Eintrag in der Multitaskingleiste und ein eigenes Taskleistensymbol. Unter macOS gibt es zwar die Option, das Symbol im Dock zu behalten, es verschwindet jedoch, sobald die WeChat-Client-App geschlossen wird. Unter Windows können Mini-App-Symbole an die Taskleiste angepinnt, aber nicht gestartet werden. Unter macOS ist der Titel der App immer „WeChat“ und nicht der tatsächliche Titel der App. Unter Windows wird der Titel dagegen korrekt angezeigt.

Der macOS-Multitasking-Schnellzugriff enthält neben regulären macOS-Apps auch Mini-Apps.
Die Starbucks App ist eine Mini-App und kann wie jede normale macOS-App für Multitasking verwendet werden.
Das Symbol der Starbucks-Mini-App im macOS-Dock mit dem Titel „WeChat“.
Mini-Apps unter macOS haben WeChat als Titel.

Die meisten Mini-Apps sind noch nicht für Computer optimiert und werden in einem festen, nicht veränderbaren Fenster ausgeführt, das die bekannten UI-Affordances und Berechtigungsanfragen wie auf Mobilgeräten enthält (siehe Nutzerfreundlichkeit).

Die Starbucks-Mini-App, die unter macOS ausgeführt wird, fragt nach der Berechtigung für das Nutzerprofil, die der Nutzer unten über einen Prompt gewähren kann.
Die Starbucks-Mini-App, die unter macOS ausgeführt wird und um die Berechtigung für das Nutzerprofil bittet.
Die Starbucks-Mini-App, die unter macOS ausgeführt wird, und der Startbildschirm der App
Die Starbucks-Mini-App, die unter macOS in einem festen, nicht veränderbaren Fenster ausgeführt wird.

Responsive Mini-Apps, die nicht nur für Mobilgeräte, sondern auch für Computer optimiert sind, können in einem breiteren Fenster angezeigt werden, das unter macOS derzeit noch fixiert ist, unter Windows aber flexibel skaliert werden kann.

Die Demo-App für WeChat-Komponenten in einem responsiven App-Fenster, das die Größe ändern kann und standardmäßig breiter als das übliche Display eines Mobilgeräts ist.
Die Demo-App für WeChat-Komponenten in einem responsiven App-Fenster.
Die Demo-App für WeChat-Komponenten in einem schmalen Fenster mit drei übereinander gestapelten Feldern A, B und C.
Die Demo-App für WeChat-Komponenten in einem schmalen App-Fenster.
Die Demo-App für WeChat-Komponenten in einem breiten Fenster mit drei Feldern A, B und C, wobei A über B und C seitlich gestapelt ist.
Die Demo-App für WeChat-Komponenten in einem breiten App-Fenster.

Die Berechtigungseinstellungen für Mini-Apps unter macOS können über das Kontextmenü geändert werden. Unter Windows ist dies anscheinend nicht möglich und der von der Demo-App gemeldete Standort ist der ungefähre Standort, den Apps unter Windows abrufen dürfen, ohne um Erlaubnis zu bitten.

Die Demo-App für WeChat-Komponenten, die unter macOS ausgeführt wird, mit zwei Kästchen für die Berechtigungen „Standort“ und „Nutzerinformationen“.
Einstellungen für WeChat-Mini-Apps unter macOS.

Mini-Apps im 360 Secure 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 damit spezielle 360 Mini-Apps ausgeführt werden. Die Entwicklerdokumentation und die API sind mit denen anderer Anbieter vergleichbar. 360 bietet jedoch keine speziellen DevTools. Stattdessen müssen Entwickler ihre Mini-Apps in einer IDE ihrer Wahl erstellen und können sie dann in einem speziellen Entwicklungsmodus im Browser testen. Das Debugging erfolgt über die Chrome-Entwicklertools. Zum Einstieg steht eine Demo-App zur Verfügung.

Eine 360-Mini-App, die im 360 Secure Browser ausgeführt wird und mit den Chrome-Entwicklertools debuggt wird.
Eine 360°-Mini-App mit den Chrome-Entwicklertools debuggen.

360 Mini-Apps können im Vollbildmodus ausgeführt werden und werden als separate Einträge in der Multitaskingleiste angezeigt. Über das Kontextmenü kann ein Startbildschirmsymbol hinzugefügt werden, mit dem Mini-Apps vom Desktop aus gestartet werden können.

Eine 360°-Video-Mini-App, die im Vollbildmodus ausgeführt wird und verschiedene Miniaturansichten von Videos zum Ansehen zeigt.
360-Mini-App, die im Vollbildmodus ausgeführt wird.

Webbasierte Mini-Apps

Es gibt einige webbasierte Mini-App-Plattformen, die jedoch auf einer speziellen WebView basieren, um ihr volles Potenzial zu entfalten.

LINE

LINE ist eine App für die Instant-Kommunikation auf elektronischen Geräten wie Smartphones, Tablets und Computern. LINE ist außerdem eine Plattform, die verschiedene Dienste wie digitale Brieftasche, Nachrichtenstream, Video-on-Demand und digitale Comic-Verteilung anbietet. Der Dienst ist eine Tochtergesellschaft des koreanischen Internet-Suchmaschinenunternehmens Naver Corporation.

Da LINE Mini-Apps im Grunde nur eine normale Webanwendung sind (siehe Beispiel-App), die das LINE Front-End Framework (LIFF) einbindet, kann auch außerhalb der Haupt-LINE App über spezielle permanente Links darauf zugegriffen werden (Beispiel). In solchen Fällen sind jedoch nicht alle APIs verfügbar. Beispiele für APIs, die nicht in den Browser-APIs verfügbar sind, sind die Methode liff.scanCode() zum Lesen von QR-Codes oder Bluetooth-bezogene APIs wie liff.bluetooth.getAvailability(). Wenn Sie sich ein Bild von der Plattform 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, zeigt, dass „liff.getOS()“ den Wert „ios“ zurückgibt.
Die LINE Playground-Demo-App, die auf einem iOS-Gerät ausgeführt wird.
Die LINE Playground-Demo-App, die im Webbrowser ausgeführt wird, zeigt, dass „liff.getOS()“ „web“ zurückgibt.
Die LINE Playground-Demo-App, die im Webbrowser ausgeführt wird.

Google Spot

Mit der Google Spot Platform können Entwickler einen Spot bei Google Pay einrichten – ein digitales Geschäft, das sie nach Belieben erstellen, gestalten und hosten können. Sie ist sowohl online als auch über physische Barcodes auffindbar. Nutzer können einen „Spot“ (wie die App ihn nennt) ganz einfach in ihrer bevorzugten Messaging-App teilen oder in Google Pay finden. Ein Spot wird mit HTML und JavaScript erstellt. Daher können bestehende Investitionen in mobile Websites oder PWAs laut dem Ankündigungsartikel ganz einfach in einen Spot umgewandelt werden, indem „ein paar Zeilen JavaScript hinzugefügt“ werden.

Die Mini-App von Eat.fit, die in der Google Pay Super App ausgeführt wird, mit dem unteren Anmeldebereich.
Die Eat.fit-Mini-App, die in der Google Pay-Super App ausgeführt wird (Quelle: Google).

VK Mini-Apps

Die russische Social-Networking-Plattform VK bietet ein Mini-App-Programm an, mit dem Entwickler Mini-Apps erstellen können, die eng mit dem sozialen Netzwerk verknüpft sind. VK-Mini-Apps funktionieren sowohl in den plattformspezifischen mobilen Apps von VK als auch auf der Desktop-Website. Neben mehreren anderen Plattformen der Marke wie Mail.ru sind VK-Mini-Apps auch in den Atom-Browser integriert.

Die Mini-App „Все аптеки“, die in VK ausgeführt wird.
Die Mini-App „Все аптеки“, die in VK ausgeführt wird (Quelle: VK).

Telegram-Mini-Apps

Mit Telegram-Mini-Apps können Entwickler mit JavaScript flexible Oberflächen erstellen, die direkt in Telegram gestartet werden können. Wie Bots unterstützen Mini-Apps die nahtlose Autorisierung und integrierte Zahlungen über 20 Zahlungsanbieter (Google Pay und Apple Pay sind bereits integriert), die Bereitstellung individueller Push-Benachrichtigungen für Nutzer und vieles mehr. Es gibt eine Demo-Mini-App, mit der Sie die Funktion testen können.

Die Demo-Mini-App von Burger King (Quelle: Telegram).

Danksagungen

Dieser Artikel wurde von Joe Medley, Kayce Basques, Milica Mihajlija, Alan Kent und Keith Gu geprüft.