Freigeben über

Übersicht über Progressive Web Apps (PWAs)

  • Artikel

Progressive Web-Apps (PWAs) sind Anwendungen, die Sie mithilfe von Webtechnologien erstellen und die auf allen Geräten aus einer Codebasis installiert und ausgeführt werden können.

PWAs bieten Ihren Benutzern auf unterstützenden Geräten nativ ähnliche Erfahrungen. Sie passen sich den Funktionen an, die von jedem Gerät unterstützt werden, und sie können auch in Webbrowsern wie Websites ausgeführt werden.

Informationen zum Erstellen einer PWA finden Sie unter Erste Schritte mit progressiven Web-Apps.

Video: Ignite | März 2021 | Web-Apps-Story wird gezündet

Miniaturansichtsbild für video

PWA-Vorteile

Native Erfahrungen

Bei der Installation auf einem Gerät funktionieren PWAs genauso wie andere Apps. Zum Beispiel:

  • PWAs verfügen über eigene Anwendungssymbole, die dem Startbildschirm oder der Taskleiste eines Geräts hinzugefügt werden können.
  • PWAs können automatisch gestartet werden, wenn ein zugeordneter Dateityp geöffnet wird.
  • PWAs können ausgeführt werden, wenn sich der Benutzer anmeldet.
  • PWAs können an Anwendungsspeicher wie den Microsoft Store übermittelt werden.

Erweiterte Funktionen

PWAs haben auch Zugriff auf erweiterte Funktionen. Zum Beispiel:

  • PWAs können weiterhin funktionieren, wenn das Gerät offline ist.
  • PWAs unterstützen Pushbenachrichtigungen.
  • PWAs können regelmäßige Updates durchführen, auch wenn die Anwendung nicht ausgeführt wird.
  • PWAs können auf Hardwarefeatures zugreifen.

Schließlich können PWAs in Webbrowsern ausgeführt werden, genau wie Websites. Das Ausführen von ähnlichen Websites bietet PWAs mit Vorteilen, z. B.:

  • PWAs können von Suchmaschinen indiziert werden.
  • PWAs können über einen Standardweblink freigegeben und gestartet werden.
  • PWAs sind für Benutzer sicher, da sie sichere HTTPS-Endpunkte und andere Benutzerschutzmechanismen verwenden.
  • PWAs passen sich an die Bildschirmgröße oder -ausrichtung des Benutzers und die Eingabemethode an.
  • PWAs können erweiterte Web-APIs wie WebBluetooth, WebUSB, WebPayment, WebAuthn oder WebAssembly verwenden.

Geringere Entwicklungskosten

PWAs haben wesentlich niedrigere plattformübergreifende Entwicklungskosten als kompilierte Apps, die eine bestimmte, separate Codebasis für jede Plattform erfordern, z. B. Android, iOS und jedes Desktopbetriebssystem.

Mit einer PWA können Sie eine einzelne Codebasis verwenden, die von Ihrer Website, Mobilen App und Desktop-App (betriebssystemübergreifend) gemeinsam genutzt wird.

Geräteübergreifende Kompatibilität

Progressive Web Apps (PWAs) werden mit HTML-, CSS- und JavaScript-Code erstellt, der auf Webservern gehostet wird und in Webbrowser-Engines ausgeführt wird. Sie können entweder direkt in einem Webbrowser wie einer Website oder auf einem Gerät aus einem App Store oder mithilfe der App-Installationsfunktion eines unterstützenden Browsers verwendet werden. Weitere Informationen zum Installieren von PWAs in Microsoft Edge finden Sie unter Installieren einer PWA.

Die Benutzererfahrung einer PWA wird mit Gerätefunktionen hoch- oder herunterskaliert. Insbesondere unter Windows mit Microsoft Edge können Sie immersive Umgebungen erstellen, die tief in das Betriebssystem integriert sind. Die Ausschließliche Verwendung von Webtechnologien stellt sicher, dass Ihre App auf anderen Browsern, Betriebssystemen und Geräten funktioniert.

Desktop Computing ist für viele Benutzer weiterhin die primäre Produktivitätsumgebung. PWAs können vollständig maßgeschneiderte, installierbare Umgebungen auf einem Desktopbetriebssystem bereitstellen, die die Vorteile dieser Umgebung erben. PwAs können jedoch auch auf mobilen Geräten installiert oder direkt in Webbrowsern verwendet werden.

Überbrücken der Lücke zwischen Web und nativ

Es gibt nicht viel, was Sie heute mit Webtechnologien nicht tun können. Viele Features, die früher nur mit gerätespezifischen Sprachen möglich waren, lassen sich jetzt mit Standard-Webtechnologien erreichen. Zum Beispiel:

  • Verarbeiten von Dateien.
  • Freigeben von Inhalten für andere Apps.
  • Greifen Sie auf die Zwischenablage zu.
  • Synchronisieren von Daten und Abrufen von Ressourcen im Hintergrund.
  • Greifen Sie auf Gerätehardware wie Bluetooth und USB zu.
  • Speichern von Inhalten in Datenbanken.
  • Nutzen Sie hardwarebeschleunigte Grafiken.
  • Verwenden Sie CSS-Layouts, Animationen und Filter, um erweiterte Designs zu erstellen.
  • Führen Sie nahezu kompilierten Leistungscode mit WebAssembly aus.

Dank Microsoft Edge können PWAs auf dem Desktop diese Funktionen in vollem Umfang nutzen, um das bereitzustellen, was Benutzer von Desktop-Apps erwarten. Diese Funktionen bieten ansprechendere Erfahrungen auf Web- und Desktopplattformen.

Beispiele für die Möglichkeiten von PWAs finden Sie unter Myth Busting PWAs.

Der Microsoft Store

Da progressive Web-Apps (PWAs) genau wie andere Apps im Microsoft Store sind, können Benutzer vollständig mit ihnen interagieren – von der Ermittlung über die Installation bis hin zur Ausführung – ohne den Browser zu öffnen.

Der Microsoft Store bietet Benutzern eine vertrauenswürdige und vertraute Oberfläche für die Installation Ihrer App. Darüber hinaus können Sie detaillierte Nutzungsstatistiken und Diagramme anzeigen, die Ihnen zeigen, wie ihre Apps im Microsoft Store ausgeführt werden.

Weitere Informationen finden Sie unter Veröffentlichen einer progressiven Web-App im Microsoft Store.

Erfolgsgeschichten

Die Verwendung von Progressive Web App (PWA)-Technologien ist eine hervorragende Möglichkeit, Ihre App sicher, auffindbar, verlinkbar, einfach zu installieren und zu aktualisieren, reaktionsfähig und netzwerkunabhängig zu machen. Viele Unternehmen hatten Erfolg mit PWAs. Zum Beispiel:

  • Die Starbucks PWA hat die täglich aktiven Nutzer zweimal erhöht. Bestellungen auf dem Desktop sind fast gleich hoch wie mobil (Quelle).
  • Trivago verzeichnete einen Anstieg von 150% für Personen, die seine PWA auf dem Startbildschirm hinzufügen. Das erhöhte Engagement führte zu einem Anstieg der Clockouts für Hotelangebote um 97 % (Quelle).
  • Tinder reduziert die Ladezeiten mit dem PWA von 11,91 Sekunden auf 4,68 Sekunden. Die App ist 90 % kleiner als die kompilierte Android-App (Quelle).

Weitere Erfolgsgeschichten finden Sie auf der PWA Stats-Website .

Weitere Informationen