Zum Inhalt springen

Progressive Web Apps (PWA)

Eine Progressive Web App lässt sich ohne App-Store installieren, funktioniert offline und sendet Push-Nachrichten.

Wann eine PWA die native App ersetzt

Native Apps bedeuten zwei Codebasen, Prüfungen in den App-Stores und höhere Wartungskosten. Eine PWA verhält sich wie eine App und ist zugleich über Suchmaschinen erreichbar. Typische Einsätze sind Kundenportale und Außendienst-Werkzeuge.

Technik

  • Service Worker speichern Inhalte für die Nutzung ohne Verbindung

  • Web App Manifest legt Name, Symbol und Darstellung fest

  • Web Push sendet Benachrichtigungen nach Einwilligung, auf iOS ab Version 16.4

  • HTTPS ist Voraussetzung für alle PWA-Funktionen

Grenzen

Nicht jede Gerätefunktion ist im Browser verfügbar. Für manche Hardware-Schnittstellen oder wenn die App im App-Store stehen muss, ist eine native oder hybride App besser. Das klären wir vor Projektbeginn.

Vorgehen

  1. Anwendungsfälle und Offline-Anforderungen festlegen

  2. Caching-Strategie je Inhaltstyp definieren

  3. Oberfläche mobil zuerst entwickeln, etwa mit SvelteKit

  4. Auf iOS, Android und Desktop testen

Betrieb und Updates

Updates erreichen alle Nutzer über den Service Worker, ohne erneute Installation. Offline erfasste Daten werden bei der nächsten Verbindung abgeglichen.

Projekt anfragen

Zurück nach oben