Bei der Planung einer mobilen Anwendung für Mitarbeitende oder Kundschaft stellt sich eine Grundsatzfrage: eigene native Apps für iOS und Android oder eine Lösung auf Basis von Webtechnologien. Progressive Web Apps sind ein Mittelweg. Sie werden einmal mit HTML, CSS und JavaScript entwickelt, laufen im Browser und lassen sich dennoch wie eine App installieren, ohne Umweg über einen App Store. Updates werden über den Webserver verteilt und müssen nicht einzeln installiert werden.
Wie funktioniert eine PWA?
Drei technische Bausteine machen eine Website zur PWA:
- HTTPS: PWAs setzen eine verschlüsselte Verbindung voraus.
- Web App Manifest: eine Datei mit Name, Symbol, Farben und Anzeigemodus. Damit kann der Browser die Anwendung installieren und in einem eigenen Fenster ohne Adressleiste öffnen.
- Service Worker: ein Skript, das zwischen Anwendung und Netzwerk vermittelt. Es speichert Inhalte zwischen und ermöglicht so Offline-Nutzung, Synchronisation im Hintergrund und Push-Benachrichtigungen.
Der Funktionsumfang hängt von Browser und Betriebssystem ab. Auf Apple-Geräten waren einige Funktionen lange eingeschränkt oder kamen später hinzu. Der Zugriff auf Hardware wie Bluetooth, NFC oder bestimmte Sensoren ist gegenüber nativen Apps begrenzt und je nach Plattform unterschiedlich.
Typische Beispiele
- Mitarbeitende im Außendienst erfassen Arbeitsberichte offline, die Daten werden bei bestehender Verbindung synchronisiert.
- Ein internes Portal oder eine Zeiterfassung läuft auf Smartphone und PC, ohne Verteilung über App Stores.
- Ein Kundenportal informiert per Benachrichtigung über Statusänderungen.
- Ein Produktkatalog steht dem Vertrieb auch ohne Netzabdeckung beim Kundentermin zur Verfügung.
Worauf Unternehmen achten sollten
- Vorab klären, welche Gerätefunktionen gebraucht werden und ob sie auf allen Zielplattformen verfügbar sind.
- Die Offline-Logik sorgfältig planen, besonders Konflikte, wenn mehrere Personen dieselben Daten offline ändern.
- Daten im Browserspeicher des Geräts schützen und die Anmeldung absichern, etwa über Single Sign-On.
- Eine Update-Strategie festlegen, damit zwischengespeicherte Versionen nicht veralten.
- Auf allen relevanten Geräten und Browsern testen.
Abgrenzung
Eine responsive Website passt nur ihr Layout an die Bildschirmgröße an, lässt sich aber nicht installieren und funktioniert in der Regel nicht offline. Eine native App nutzt die Entwicklungswerkzeuge der jeweiligen Plattform, hat umfassenden Hardwarezugriff und wird über App Stores oder ein Gerätemanagement wie Microsoft Intune verteilt. Ihre Daten bezieht eine PWA wie andere Anwendungen meist über eine API.
Softwareentwicklung ansehen