Eine Progressive Webanwendung (PWA) ist eine Webanwendung, die moderne Webfähigkeiten nutzt, um den Benutzern ein APP-ähnliches Erlebnis zu bieten. Diese Anwendungen erfüllen bestimmte Anforderungen (siehe unten), werden auf Webservern bereitgestellt und sind über URLs (auf dem HTTPS-Protokoll) zugänglich.

Dies kann in Verbindung mit Cordova funktionieren, um eine Vielzahl von Einsatzzielen für alle Ihre Benutzer bereitzustellen. Mit Quasar CLI können Sie Ihre Anwendung sowohl als PWA als auch als mobile Anwendung bereitstellen und die Vorteile beider Kanäle nutzen.

Was ist erforderlich, damit Ihre Anwendung als progressive Webanwendung betrachtet werden kann?

• Progressiv – Sie funktionieren für jeden Benutzer, unabhängig von der Wahl des Browsers, da sie mit progressiver Verbesserung als Kernprinzip aufgebaut sind.
• Reaktionsfähig – Passt auf jeden Formfaktor, Desktop, Handy, Tablet oder was auch immer als Nächstes kommt.
• Konnektivitätsunabhängig – Erweitert um Service-Mitarbeiter, die offline oder in Netzwerken mit niedriger Qualität arbeiten können.
• App-ähnlich – Verwenden Sie das App-Shell-Modell, um Navigation und Interaktionen im App-Stil zu ermöglichen. Frisch – Immer auf dem neuesten Stand dank des Aktualisierungsprozesses für Service-Mitarbeiter.
• Sicher – Wird über HTTPS bereitgestellt, um Schnüffelei zu verhindern und sicherzustellen, dass Inhalte nicht manipuliert wurden.
• Entdeckbar – Sind dank W3C-Manifesten und dem Registrierungsumfang für Service-Mitarbeiter als „Anwendungen“ identifizierbar, sodass sie von Suchmaschinen gefunden werden können.
• Wiederaufrufbar – Erleichtern den Wiederaufruf durch Funktionen wie Push-Benachrichtigungen.
• Installierbar – Erlaubt es Benutzern, Anwendungen, die sie am nützlichsten finden, auf ihrem Home-Bildschirm zu „behalten“, ohne dass ein App-Store erforderlich ist.
• Verlinkbar – Einfache Freigabe über URL und keine komplexe Installation erforderlich. Weitere Informationen finden Sie in Addy Osmanis Artikel über PWA.

Die Manifest-Datei und der Service Worker

Eine App-Manifestdatei beschreibt die Ressourcen, die Ihre App benötigt. Dazu gehören der angezeigte Name Ihrer Anwendung, Symbole sowie der Startbildschirm. Quasar CLI konfiguriert dies für Sie, aber Sie können jede Eigenschaft von quasar.conf.js aus überschreiben.

Der Service Worker bietet eine programmatische Möglichkeit, App-Ressourcen (Dateien) zwischenzuspeichern. Die programmatische API ermöglicht es Entwicklern zu entscheiden, wie mit dem Caching umgegangen werden soll, und bietet eine viel flexiblere Erfahrung als andere Optionen. Weitere Informationen: API für Dienstmitarbeiter.

Video: Was ist eine Progressive Web App?