Übersicht über Progressive Web Apps (PWAs)

Progressive Web Apps (PWAs) bieten Zugriff auf offene Webtechnologien, um plattformübergreifende Interoperabilität zu gewährleisten. PWAs bieten Ihren Benutzern eine App-ähnliche Oberfläche, die für ihre Geräte angepasst wird.

PWAs sind Websites, die schrittweise so erweitert werden, dass sie wie installierte, systemeigene Apps auf unterstützenden Plattformen funktionieren und gleichzeitig wie normale Websites in anderen Browsern funktionieren.

Die Qualitäten eines PWA das Beste aus dem Web und kompilierten Apps kombinieren. PWAs werden in Browsern wie Websites ausgeführt. PWAs haben aber auch Zugriff auf App-Features. Zum Beispiel:

  • Ein PWA kann weiterhin funktionieren, wenn das Gerät offline ist.
  • PWAs können auf dem Betriebssystem installiert werden.
  • PWAs unterstützen Pushbenachrichtigungen und regelmäßige Updates.
  • PWAs können auf Hardwarefeatures zugreifen.

Bei der Installation sind PWAs genau wie andere Apps auf Windows. Zum Beispiel:

  • Dem Startmenü kann ein PWA hinzugefügt werden.
  • Ein PWA kann an die Taskleiste angeheftet werden.
  • PWAs können Dateien verarbeiten.
  • PWAs können ausgeführt werden, wenn sich der Benutzer anmeldet.
  • PWAs können an die Microsoft Store übermittelt werden, in der Millionen Windows Benutzer sie zusammen mit anderen Windows-Apps entdecken und problemlos installieren können.

PWAs haben dieselbe Reichweite wie Websites:

  • PWAs können von Suchmaschinen indiziert werden.
  • Ein PWA kann verknüpft werden.
  • Ein PWA kann auf allen Geräten von einer einzigen Codebasis aus funktionieren.

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

Merkmale einer progressiven Web App (PWA)

Eine voll leistungsfähige Progressive Web App bietet dem Benutzer die folgenden Vorteile.

Merkmal Beschreibung
Erkennbar Die App kann aus Websuchergebnissen und unterstützenden App-Stores ermittelt werden.
Installierbare Anheften und starten Sie die App über den Startbildschirm, Startmenü und die Taskleiste.
Reaktivierbar Die App kann Pushbenachrichtigungen empfangen, auch wenn die App nicht aktiv ist.
Netzwerkunabhängig Die App funktioniert offline und unter Schlechten Netzwerkbedingungen.
Progressive Die Benutzererfahrung der App wird mit Gerätefunktionen nach oben oder unten skaliert.
Tresor Die App bietet einen sicheren HTTPS-Endpunkt und andere Benutzervorkehrungen.
Dynamisch Die App passt sich an die Bildschirmgröße oder Ausrichtungs- und Eingabemethode des Benutzers an.
Verknüpfbar Freigeben und Starten der App über einen Standardlink.

PWAs auf desktop

Progressive Web Apps (PWAs) sind nicht auf die Anzeige von Websites auf mobilen Homescreens beschränkt. PWAs basieren auf standardmäßigen, browserübergreifenden Webtechnologien, mit denen sie installiert und in vielen verschiedenen Umgebungen ausgeführt werden können.

In den letzten Jahren hat sich das Desktopbrowsen vergrößert, und Desktop computing ist weiterhin die primäre Produktivitätsumgebung für viele Benutzer. PWAs können vollständig maßgeschneiderte, installierbare Umgebungen auf einem Desktopbetriebssystem bereitstellen, die die Vorteile dieser Umgebung erben. PWAs funktionieren jedoch plattformübergreifend über denselben Code und dieselben Server hinweg, die Ihre browserinternen und mobilen Umgebungen unterstützen.

Microsoft Edge und Windows haben viele neue Webfunktionen und Features hinzugefügt. Diese neuen Webentwicklungsfunktionen bieten großartige Möglichkeiten, immersive Oberflächen zu erstellen, die sich tief in das Desktopbetriebssystem integrieren lassen. Wenn Sie nur Webtechnologien verwenden, wird sichergestellt, dass Ihre App in anderen Browsern, Betriebssystemen und Geräten funktioniert.

Möglicherweise müssen Sie überhaupt keine proprietären Technologien verwenden, da das Web Funktionen für die Behandlung vieler Aspekte von Apps entwickelt hat, z. B.:

  • Dateisysteme
  • Video
  • Audio
  • Leistungsstarker Code
  • Datenbanken
  • USB
  • Bluetooth

Mit einem PWA können Sie eine einzelne Codebasis verwenden, die zwischen Ihrer Website, ihrer mobilen App und Ihrer Desktop-App (betriebssystemübergreifend) gemeinsam verwendet wird. Durch die Verwendung einer einzelnen Codebasis, die plattformübergreifend verwendet wird, reduzieren Sie die Entwicklungskosten. Ihre App kann auch auf dem Microsoft Store veröffentlicht werden, sodass sie für Windows Benutzer vertrauter und vertrauenswürdiger ist, um sie zu finden und zu installieren.

Erfahren Sie mehr über die Integration von PWAs in Windows.

Überbrücken der Lücke zwischen Web- und Desktop-Apps

Microsoft Edge verfügt über viele neue Funktionen, mit denen Sich Ihre Web-App auf Desktopplattformen besser integriert anfühlt. Diese Funktionen bieten ansprechendere Oberflächen auf Web- und Desktopplattformen. Mit Progressive Web Apps (PWAs) können Sie:

  • Behandeln von Dateien.
  • Freigeben von Inhalten für andere Apps.
  • Greifen Sie auf die Zwischenablage zu.
  • Synchronisieren Sie Daten, und rufen Sie Ressourcen im Hintergrund ab.
  • Greifen Sie auf Gerätehardware wie Bluetooth und USB zu.
  • Store Inhalte 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.

Es gibt nicht viel, was Sie heute mit Webtechnologien nicht tun können. Dank Microsoft Edge können PWAs auf dem Desktop die Vorteile von Webtechnologien nutzen, um zu liefern, was Benutzer von Desktop-Apps erwarten.

Weitere Informationen dazu, was PWAs tun können, finden Sie unter "Busting PWAs ".

Die Microsoft Store

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

Die Microsoft Store-App ist die am häufigsten verwendete App auf PCs. Die Microsoft Store bietet Ihren Benutzern eine vertrauenswürdige und vertraute Oberfläche, um Ihre App zu installieren. Darüber hinaus können Sie detaillierte Nutzungsstatistiken und Diagramme anzeigen, die Ihnen mitteilen, wie Ihre Apps im Microsoft Store arbeiten.

Erfahren Sie, wie Sie Ihre PWA im Microsoft Store veröffentlichen.

Erfolgsgeschichten

Die Verwendung von Technologien für progressive Web App (PWA) 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 waren erfolgreich mit PWAs. Zum Beispiel:

  • Der PWA hat die täglich aktiven Benutzer zweimal erhöht. Bestellungen auf desktops sind fast die gleiche Rate wie mobil (Quelle).
  • Trivago hat einen Anstieg von 150 % für Personen gesehen, die seine PWA zum Startbildschirm hinzufügen. Das erhöhte Engagement führte zu einer 97%igeren Erhöhung der Taktfrequenzen für Hotelangebote (Quelle).
  • Tinder hat die Ladezeiten mit ihrer PWA von 11,91 Sekunden auf 4,68 Sekunden reduziert. Die App ist 90 % kleiner als die kompilierte Android-App (Quelle).

Weitere Erfolgsgeschichten finden Sie auf der Website PWA Stats.

Weitere Informationen