Welche Voraussetzungen müssen erfüllt sein, damit es installierbar ist?

Pete LePage

Progressive Web-Apps (PWAs) sind moderne, hochwertige Anwendungen, die mit Webtechnologie entwickelt wurden. PWAs bieten ähnliche Funktionen wie mobile Apps und Desktop-Apps. Sie sind auch bei instabilen Netzwerkbedingungen zuverlässig und können installiert werden, sodass Nutzer sie leichter finden und verwenden können.

Die meisten Nutzer wissen, wie man Anwendungen installiert, und kennen die Vorteile einer installierten Anwendung. Installierte Anwendungen werden auf den Startoberflächen des Betriebssystems angezeigt, z. B. im Ordner „Anwendungen“ unter macOS X, im Startmenü unter Windows und auf dem Startbildschirm unter Android und iOS. Installierte Anwendungen werden auch in der Aktivitätsübersicht, in Gerätesuchmaschinen wie Spotlight und in Freigabeoptionen für Inhalte angezeigt.

Die meisten Browser zeigen dem Nutzer an, dass Ihre progressive Web-App (PWA) installiert werden kann, wenn sie bestimmte Kriterien erfüllt. Beispiele für solche Anzeigen sind eine Schaltfläche „Installieren“ in der Adressleiste oder ein Menüpunkt „Installieren“ im Überlaufmenü.

Nahaufnahme der Schaltfläche „Installieren“ in der URL-Leiste auf dem Computer.
Vom Browser bereitgestellte Installationswerbung (Desktop)
Nahaufnahme eines Banners unten auf dem Bildschirm eines Mobilgeräts, in dem der Nutzer aufgefordert wird, „Airhorner zum Startbildschirm hinzuzufügen“.
Vom Browser bereitgestellte Installationswerbung (Mobilgerät)

Wenn die Kriterien erfüllt sind, lösen viele Browser außerdem ein beforeinstallprompt-Ereignis aus. So können Sie eine benutzerdefinierte In-App-UX bereitstellen, die den Installationsprozess in Ihrer App auslöst.

Installationskriterien

In Chrome muss Ihre progressive Web-App die folgenden Kriterien erfüllen, bevor das beforeinstallprompt-Ereignis ausgelöst und die Installationswerbung im Browser angezeigt wird:

  • Die Web-App ist noch nicht installiert.
  • Sie erfüllt die Heuristiken zur Nutzerinteraktion:
    • Der Nutzer muss mindestens einmal auf die Seite geklickt oder getippt haben, und zwar jederzeit, auch während eines früheren Seitenaufrufs.
    • Der Nutzer muss die Seite mindestens 30 Sekunden lang angesehen haben.
  • Sie muss über HTTPS bereitgestellt werden.
  • Sie muss ein Web-App-Manifest enthalten, das Folgendes umfasst:
    • short_name oder name
    • icons – muss ein 192-px- und ein 512-px-Symbol enthalten
    • start_url
    • display – muss einer der folgenden Werte sein: fullscreen, standalone, minimal-ui oder window-controls-overlay
    • prefer_related_applications darf nicht vorhanden sein oder muss false sein

Andere Browser haben ähnliche Kriterien für die Installation, es kann jedoch geringfügige Unterschiede geben. Weitere Informationen finden Sie auf den jeweiligen Websites: