Was sind Mini-Apps?

Bausteine und Kompatibilität

Mini-Apps sind kleine Apps (in der Regel 2–4 MB), für die eine Super-App erforderlich ist. Unabhängig von der Super-App haben sie gemeinsam, dass sie mit („Dialekten“ der) Webtechnologien HTML, CSS und JavaScript erstellt werden. Die Laufzeit einer Mini-App ist ein WebView in der Super-App und nicht das zugrunde liegende Betriebssystem. Dadurch sind Mini-Apps plattformübergreifend. Dieselbe Mini-App kann in derselben Super-App ausgeführt werden, unabhängig davon, ob die Super-App auf Android, iOS oder einem anderen Betriebssystem ausgeführt wird. Allerdings können nicht alle Mini-Apps in allen Super-Apps ausgeführt werden. Weitere Informationen

Discovery

Mini-Apps werden oft ad hoc über gebrandete 2D-Barcodes gefunden. So wird eine wichtige Offline-zu-Online-Herausforderung gelöst, z. B. der Übergang von einer physischen Speisekarte zu einer Zahlungs-Mini-App oder von einem physischen E-Scooter zu einer Miet-Mini-App. Das Bild unten zeigt ein Beispiel für einen solchen gebrandeten 2D-Barcode für die Demo-Mini-App von WeChat. Wenn der Code mit der WeChat-Super-App gescannt wird, wird die Mini-App direkt gestartet. Andere Super-Apps können den Barcode in der Regel nicht erkennen.

2D-Barcode mit WeChat-Branding.
Wenn Sie diesen 2D-Barcode mit der WeChat App scannen, wird eine Demo-Mini-App gestartet.

Mini-Apps können auch über die normale In-App-Suche in der Super-App gefunden, in Chatnachrichten geteilt oder in einem Newsfeed in einem Nachrichtenartikel angezeigt werden. Einige Super-Apps haben das Konzept von bestätigten Konten, die Mini-Apps in ihren Profilen enthalten können. Mini-Apps können hervorgehoben werden, wenn sie sich in der Nähe befinden, z. B. die Mini-App eines Unternehmens, vor dem der Nutzer steht, oder virtuell in der Nähe, z. B. wenn der Nutzer eine Wegbeschreibung auf einer Karte erhält, die in der Super-App angezeigt wird. Häufig verwendete Mini-Apps sind in einer App-Schublade verfügbar, auf die in vielen Super-Apps durch Wischen nach unten oder über einen speziellen Bereich im Menü der Super-App zugegriffen werden kann.

Nutzerfreundlichkeit

Alle Super-Apps haben mehr oder weniger dieselbe Benutzeroberfläche für Mini-Apps. Eine anpassbare obere Leiste mit dem Namen der Mini-App und in der oberen Ecke des Bildschirms eine Schließen-Schaltfläche ganz rechts, vor der ein Aktionsmenü angezeigt wird, über das auf häufig verwendete Funktionen wie das Teilen der App, das Hinzufügen der App zu einer Favoritenliste oder dem Startbildschirm, das Melden missbräuchlicher Apps, das Geben von Feedback und die Einstellungen zugegriffen werden kann. Der Screenshot unten zeigt eine Shopping-Mini-App, die im Kontext der Alipay-Super-App ausgeführt wird. Das Aktionsmenü ist geöffnet.

Die Alipay-Super-App mit einer Shopping-Mini-App. Die obere Leiste, die Schaltfläche zum Aktionsmenü und die Schließen-Schaltfläche sind hervorgehoben. Das Aktionsmenü wird geöffnet.
Das Aktionsmenü einer Shopping-Mini-App, die in der Alipay-Super-App ausgeführt wird, wurde geöffnet.

UI-Paradigmen

Normalerweise gibt es eine untere Tab-Leiste für die Hauptnavigation der Mini-App. Die meisten Super-App-Anbieter bieten Komponenten an, mit denen Entwickler gängige UI-Paradigmen wie Karussells, Akkordeons, Fortschrittsbalken, Spinner, Schalter und Karten schnell implementieren können. Dies trägt auch dazu bei, die Nutzerfreundlichkeit zwischen verschiedenen Mini-Apps zu vereinheitlichen, was durch die WeChat Mini Program Design Guidelines gefördert wird. Das ist ähnlich wie bei den Apple Human Interface Guidelines von Apple und den Design for Android-Empfehlungen von Google.

Die Douyin-Demo-Mini-App mit der Douyin-Slider-Komponente (Karussell) und Ein/Aus-Schaltern für automatisches Weitergehen, Punktindikatoren usw.
Die Slider-Komponente (Karussell) von Douyin mit verschiedenen Optionen.

Wird ausgeliefert

Minianwendungen werden nicht als separate Ressourcen bereitgestellt, sondern als verschlüsselte gepackte Apps, d. h. als Archive, die alle Ressourcen in einer einzigen Datei enthalten. Im Gegensatz zu regulären Web-Apps werden sie auch nicht vom jeweiligen Ursprung des Mini-App-Erstellers, sondern direkt vom Super-App-Anbieter bereitgestellt. Sie können weiterhin über die Server des Mini-App-Erstellers auf APIs zugreifen, die Kernressourcen (in der Regel als App-Shell bezeichnet) müssen jedoch vom Super-App-Anbieter bereitgestellt werden. Für Mini-Apps müssen die Quellen angegeben werden, aus denen zusätzliche Daten angefordert werden.

Caching, Updates und Deeplinking

Mini-Apps werden im Cache der Super-App gespeichert. Wenn der Nutzer eine zwischengespeicherte Mini-App das nächste Mal startet, wird sie fast sofort geladen. Wenn ein Update vorhanden ist, wird ein neues App-Paket geladen. Die Versionsnummer kann Teil des Start-URI sein (siehe Discovery), sodass die Super-App frühzeitig erkennt, ob die lokal im Cache gespeicherte Version noch aktuell ist. Der Start-URI enthält optional auch die gewünschte Seite der Mini-App, sodass Deeplinks zu bestimmten Seiten von Mini-Apps möglich sind. Über eine Sitemap können Mini-Apps deklarieren, welche ihrer Seiten vom Mini-App-Crawler des Super-App-Anbieters indexiert werden sollen.

macOS Finder mit einem Ordner, der zwischengespeicherte `.wxapkg`-Dateien von WeChat-Miniapps enthält.
Mini-Apps werden als verschlüsselte gepackte Apps im Cache gespeichert.

Sicherheit und Berechtigungen

Mini-Apps werden vom Super-App-Anbieter überprüft. Nutzer empfinden sie daher als sicherer als Web-Apps. Sie müssen ihre möglicherweise erforderlichen Berechtigungen vorab in einer Manifest- oder Mini-App-Konfigurationsdatei deklarieren. Bei einigen Anbietern ist auch eine Erklärung erforderlich, warum jede Berechtigung benötigt wird. Mini-Apps können natürlich trotzdem lügen, aber sie hätten es schwer, zu rechtfertigen, warum sie beispielsweise auf Bewegungssensoren zugreifen, ohne dass der Nutzer einen ersichtlichen Grund dafür hat. Der Anreiz, den Nutzer zu identifizieren, ist im Vergleich zum Web deutlich geringer, da der Nutzer in der Regel ohnehin bereits in der Super-App angemeldet ist (siehe Identität, Zahlung und soziales Netzwerk).

Immer wenn eine Mini-App einen Vorgang ausführt, für den eine spezielle Berechtigung erforderlich ist, wird dem Nutzer eine Aufforderung angezeigt, die, sofern von der Plattform erzwungen, auch die vom Entwickler angegebene Begründung für die Verwendung enthält. Der Screenshot unten zeigt die Douyin-Demo-Mini-App, in der der Nutzer um die Berechtigung zum Teilen seines Standorts gebeten wird. In einigen Super-Apps gibt es auch eine imperative API, die Mini-Apps nutzen können, um Berechtigungen anzufordern, ohne sie sofort zu verwenden, oder um nur den Status einer Berechtigung zu prüfen. Dazu kann auch eine API zum Öffnen der zentralen Einstellungen für Super-App-Berechtigungen gehören, die den Website-Einstellungen von Chrome entsprechen. Bei Mini-Apps müssen auch die Ursprünge aller Server, von denen sie möglicherweise Daten anfordern, im Voraus deklariert werden.

Die Douyin-Demomini-App zeigt eine Aufforderung zur Geolocation mit zwei Optionen: „Nicht zulässig“ und „Zulässig“.
Die Douyin-Demo-Mini-App fragt nach der Berechtigung zur Standortbestimmung.

Zugriff auf leistungsstarke Funktionen

Die Hosting-Super-App bietet über eine JavaScript-Bridge, die in die von der Super-App bereitgestellte WebView eingefügt wird, Zugriff auf leistungsstarke APIs (siehe Bausteine und Kompatibilität). Diese JavaScript-Bridge bietet Hooks in die APIs des Betriebssystems. Eine JavaScript-Funktion einer Mini-App wie getConnectedWifi() – die Funktion einer Mini-App, den Namen des aktuell aktiven WLANs abzurufen – wird beispielsweise durch die Android-API getConnectionInfo() oder die iOS-API CNCopyCurrentNetworkInfo() ermöglicht. Weitere Beispiele für leistungsstarke Geräte-APIs, die in gängigen Super-Apps verfügbar sind, sind Bluetooth, NFC, iBeacon, GPS, Systemzwischenablage, Orientierungssensoren, Akkuinformationen, Kalenderzugriff, Telefonbuchzugriff, Steuerung der Bildschirmhelligkeit, Dateisystemzugriff, Vibrationshardware für physisches Feedback, Kamera- und Mikrofonzugriff, Bildschirmaufzeichnung und Erstellung von Screenshots, Netzwerkstatus, UDP-Sockets, Barcode-Scanning, Informationen zum Gerätespeicher und mehr.

Die WeChat-Demo-Mini-App zeigt einen Schieberegler, mit dem die Bildschirmhelligkeit des Geräts gesteuert wird. Der Schieberegler ist ganz nach rechts verschoben.
Die WeChat-Demomini-App, die die Bildschirmhelligkeit des Geräts auf das Maximum einstellt.

Zugriff auf Cloud-Dienste

Viele Super-Apps bieten auch „serverlosen“ Zugriff auf Cloud-Dienste des Super-App-Anbieters, die neben rohem Cloud-Computing und Cloud-Speicher häufig auch Aufgaben auf höherer Ebene wie Textübersetzung, Objekterkennung oder Inhaltsklassifizierung in Bildern, Spracherkennung oder andere Aufgaben des maschinellen Lernens umfassen. Mini-Apps können mit Anzeigen monetarisiert werden, die in der Regel von Super-App-Anbietern zur Verfügung gestellt werden. Super-App-Plattformen bieten in der Regel auch Cloud-Analysedaten, damit Entwickler von Mini-Apps besser nachvollziehen können, wie Nutzer mit ihren Apps interagieren.

Identität, Zahlung, soziales Netzwerk

Ein sehr wichtiges Merkmal von Mini-Apps sind die Identitäts- und Social-Graph-Informationen, die von der Super-App geteilt werden. Super-Apps wie Douyin oder WeChat begannen als soziale Netzwerke im weitesten Sinne, in denen Nutzer eine (manchmal sogar staatlich verifizierte) Identität, ein Freundes- oder Follower-Netzwerk und häufig auch Zahlungsdaten gespeichert haben. Eine Shopping-Mini-App kann (oder muss manchmal sogar) beispielsweise alle Zahlungen direkt über die Zahlungs-APIs der Super-App verarbeiten und mit Einwilligung des Nutzers Nutzerdaten wie Versandadresse, Telefonnummer und vollständigen Namen abrufen, ohne den Nutzer dazu zu zwingen, Formulare auszufüllen. Unten sehen Sie die Walmart-Mini-App, die in WeChat ausgeführt wird. Sie wird zum ersten Mal geöffnet und begrüßt mich mit einem bekannten Gesicht.

Die Walmart-Mini-App, in der das Gesicht und der Name des Autors auf dem Tab „Ich“ angezeigt werden.
Die Walmart-Mini-App mit einer personalisierten „Ich“-Ansicht beim ersten Besuch.

Mini-Apps können sehr beliebt werden, wenn Nutzer ihre Erfolge wie Highscores in einem Spiel teilen und ihre Kontakte über Statusaktualisierungen herausfordern können. Die Mini-App ist dann nur einen Fingertipp entfernt, sodass Nutzer ohne Probleme an Wettbewerben teilnehmen können. So kann die Mini-App ihre Reichweite steigern.

Danksagungen

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