Tutorial: Progressive Web Apps mit Workbox, Teil 1
Mit dem Service Worker funktionieren Progressive Web Apps auch ohne Netzwerkverbindung. So wird er implementiert.
- Christian Liebel
Progressive Web Apps (PWA) sind Webanwendungen, die sich wie lokal installierte Apps verhalten. PWA integrieren sich dazu in den Home-Bildschirm, den Programmstarter und den App Switcher und können Systembenachrichtigungen verschicken. Und Dank des Service-Worker-Adapters funktionieren sie auch ohne Netzverbindung.
In diesem Tutorial demonstrieren wir die PWA-Schnittstellen an einer Beispielanwendung, die To-do-Listen verwaltet. Die Eingaben des Anwenders bleiben im Zwischenspeicher erhalten, sodass sich auch bei schwacher oder fehlender Internetverbindung Änderungen an den To-do-Datensätzen vornehmen lassen.
Die Eigenschaften von PWA lassen sich auf unterschiedliche Weise umsetzen. Da grundsätzlich jede Website zur Progressive Web App werden kann, ist nicht einmal der Einsatz eines Frameworks erforderlich. Die App-Shell könnte beispielsweise auch mit jQuery implementiert werden. Gut geeignet zur Entwicklung von Progressive Web Apps ist das Architekturmodell der Single-Page Applications (SPA). Diese lassen sich unter anderem mit Angular, React oder Vue.js implementieren.
Das war die Leseprobe unseres heise-Plus-Artikels "Tutorial: Progressive Web Apps mit Workbox, Teil 1". Mit einem heise-Plus-Abo können sie den ganzen Artikel lesen und anhören.Immer mehr Wissen. Das digitale Abo für IT und Technik.
Kamerasensoren erklärt: So wird aus Licht ein Bild
Datensicherheit für Solaranlagen: Dem Inverter auf den Zahn gefühlt
Keller trocknen: Das Taupunktlüftungssystem im Smart Home betreiben
Das deutsche Gasnetz: Was daraus werden soll und was Verbraucher wissen müssen
Smartwatches im Vergleich: Huawei Watch Fit 3 und Xiaomi Watch 2
Workshop: Frontplatten mit System zum Selberbauen
Immer mehr Wissen. Das digitale Abo für IT und Technik.
Kamerasensoren erklärt: So wird aus Licht ein Bild
Datensicherheit für Solaranlagen: Dem Inverter auf den Zahn gefühlt
Keller trocknen: Das Taupunktlüftungssystem im Smart Home betreiben
Das deutsche Gasnetz: Was daraus werden soll und was Verbraucher wissen müssen
Smartwatches im Vergleich: Huawei Watch Fit 3 und Xiaomi Watch 2