Progressive Web App (PWA): Unterschied zwischen den Versionen

Aus AutarkWiki
Zur Navigation springen Zur Suche springen
K (Schützte „Progressive Web App (PWA)“ ([Bearbeiten=Nur automatisch bestätigten Benutzern erlauben] (unbeschränkt) [Verschieben=Nur automatisch bestätigten Benutzern erlauben] (unbeschränkt)))
Zeile 63: Zeile 63:
 
* '''Hardware-Zugriff:''' Während Kameras, GPS und Bluetooth von PWAs problemlos genutzt werden können, bieten manche Betriebssysteme (insbesondere iOS/Apple) für Browserskripte leicht eingeschränkte Hardware-Schnittstellen im Vergleich zu nativen Apps.
 
* '''Hardware-Zugriff:''' Während Kameras, GPS und Bluetooth von PWAs problemlos genutzt werden können, bieten manche Betriebssysteme (insbesondere iOS/Apple) für Browserskripte leicht eingeschränkte Hardware-Schnittstellen im Vergleich zu nativen Apps.
 
* '''Speicherlimits:''' Manche Browser begrenzen den Speicherplatz für Offline-Caches (z. B. auf einige hundert Megabyte), was extrem große Kartensätze oder Videodateien erschwert.
 
* '''Speicherlimits:''' Manche Browser begrenzen den Speicherplatz für Offline-Caches (z. B. auf einige hundert Megabyte), was extrem große Kartensätze oder Videodateien erschwert.
 +
== Wer hat es erfunden? ==
 +
Der Begriff und das moderne Konzept der '''Progressive Web App''' wurden 2015 von dem Google-Ingenieur '''Alex Russell''' und der britischen Designerin '''Frances Berriman''' ins Leben gerufen.
 +
 +
* '''Der Auslöser:''' Sie beobachteten, dass Nutzer keine Lust mehr hatten, für jede Kleinigkeit eine neue App aus dem Google Play Store oder Apple App Store herunterzuladen (Stichwort ''App Fatigue'' / App-Müdigkeit).
 +
* '''Die Vision:''' Sie wollten die Flexibilität des World Wide Web (keine Installation, einfach ein Link) mit der Rechenleistung und Offline-Fähigkeit nativer Apps verbinden.
 +
 +
''(Ironischerweise hatte Steve Jobs bereits 2007 bei der Vorstellung des ersten iPhones eine ganz ähnliche Vision: Er wollte ursprünglich gar keinen App Store, sondern dass Entwickler Anwendungen direkt für den Webbrowser Safari bauen. Damals war die Technik aber schlichtweg noch nicht so weit.)''
 +
 +
== Wann kam es auf den Markt? ==
 +
* '''2015 (Der Durchbruch):''' Google führte die maßgeblichen Schnittstellen (vor allem den Service Worker, der das Offline-Caching übernimmt) in den Chrome-Browser ein. Damit war die PWA offiziell „geboren“ und nutzbar.
 +
* '''2018 (Apple zieht nach):''' Apple hielt sich sehr lange zurück (da sie den eigenen App Store schützen wollten), baute 2018 mit iOS 11.3 aber schließlich grundlegende PWA-Unterstützung in Safari ein.
 +
* '''Heute:''' PWAs werden längst von Tech-Giganten wie Pinterest, Twitter/X, Uber, Starbucks und Microsoft intensiv genutzt.

Version vom 1. November 2026, 08:10 Uhr

Digitale Autarkie in der Praxis

Software / Apps
├─ FLURU App eine Idee von fluchtrucksack.de
└─ Progressive Web App (PWA)
   └─ Digitale Autarkie

Siehe auch:
* Prepper Anleitung für Einsteiger
* Karte Kompass Höhenmesser
* Bundesamt für Bevölkerungsschutz und Katastrophenhilfe
* Ausrüstung
* Hausbibliothek

Progressive Web App (PWA)

Eine Progressive Web App (PWA) ist eine moderne Symbiose aus einer klassischen Webseite und einer installierbaren mobilen Anwendung. Im Kontext der digitalen Autarkie stellen PWAs ein Schlüsselkonzept dar, da sie es ermöglichen, komplexe Werkzeuge, Rechner und Wissensdatenbanken völlig unabhängig von zentralen App-Stores und dauerhaften Internetverbindungen zu betreiben.

Warum PWAs für die digitale Autarkie entscheidend sind

Herkömmliche Smartphone-Apps aus dem Google Play Store oder Apple App Store haben aus Autarkie-Sicht mehrere Schwachstellen:

  • Store-Abhängigkeit: Zum Installieren oder Aktualisieren wird ein Konto beim jeweiligen Anmelde-Anbieter und eine funktionierende Serverinfrastruktur benötigt.
  • Cloud-Zwang: Viele moderne Apps verweigern den Dienst, wenn keine aktive Internetverbindung besteht oder der Zentralserver nicht erreichbar ist.
  • Löschungs- / Zensur-Risiko: Apps können von Betreibern aus den Stores entfernt oder auf älteren Geräten gesperrt werden.

PWAs hebeln diese Einschränkungen aus: Sie werden direkt über einen Standard-Webbrowser aufgerufen und können lokal auf dem Endgerät abgespeichert („installiert“) werden.

Technische Funktionsweise im Offline-Betrieb

Das Herzstück einer PWA bildet der sogenannte Service Worker. Dabei handelt es sich um ein Skript, das der Browser im Hintergrund ausführt:

  1. Caching beim ersten Aufruf: Wenn die PWA das erste Mal mit Netzverbindung geöffnet wird, lädt der Service Worker alle notwendigen Dateien (HTML, JavaScript, CSS, Grafiken, Datenbank-Strukturen) herunter und speichert sie lokal im Browser-Speicher.
  2. Netzwerk-Unabhängigkeit: Bei Folgeaufrufen – selbst im Flugmodus oder bei komplett zusammengebrochener Mobilfunkversorgung – lädt die PWA die Daten direkt aus dem lokalen Gerätespeicher statt aus dem Internet.
  3. Plattformunabhängigkeit: Da die Ausführung im Browser stattfindet, läuft eine PWA Betriebssystem-übergreifend auf Android, iOS, Linux, Windows und macOS.

Vorteile von PWAs in Krisen- und Notfallszenarien

Eigenschaft Herkömmliche App Progressive Web App (PWA)
Offline-Fähigkeit Oft eingeschränkt (Cloud-Zwang) Vollständig (nach lokalem Caching)
Installation Nur über App-Store Direkt aus dem Browser
Datenschutz Häufiges Tracking / Telemetrie Daten verbleiben lokal auf dem Gerät
Hardware-Anforderungen Setzt oft aktuelle OS-Versionen voraus Läuft auch auf alten Geräten / Alt-Hardware
Speicherbedarf Oft hunderte Megabyte Meist sehr schlank (wenige Megabyte)

Anwendungsbeispiele im Autarkie-Umfeld

  • Notfall- und Vorsorge-Tools: Anwendungen wie die FLURU App nutzen PWA-Technik, um Bedarfsrechner, Taktische Kompasse und Notfall-Bibliotheken ohne Internetverbindung bereitzustellen.
  • Offline-Karten & Navigationshilfen: Vorgecachte Webmaps oder Vektorkarten-Viewer.
  • Lokal verschlüsselte Datentresore: Dokumentenspeicher, die Daten rein im `LocalStorage` oder in der `IndexedDB` des Browsers verschlüsseln.

Grenzen und Einschränkungen

  • Einmaliger Online-Aufruf erforderlich: Um eine PWA zu installieren und den Cache zu füllen, ist vor dem Krisenfall mindestens ein einmaliger Aufruf mit Internetverbindung nötig.
  • Hardware-Zugriff: Während Kameras, GPS und Bluetooth von PWAs problemlos genutzt werden können, bieten manche Betriebssysteme (insbesondere iOS/Apple) für Browserskripte leicht eingeschränkte Hardware-Schnittstellen im Vergleich zu nativen Apps.
  • Speicherlimits: Manche Browser begrenzen den Speicherplatz für Offline-Caches (z. B. auf einige hundert Megabyte), was extrem große Kartensätze oder Videodateien erschwert.

Wer hat es erfunden?

Der Begriff und das moderne Konzept der Progressive Web App wurden 2015 von dem Google-Ingenieur Alex Russell und der britischen Designerin Frances Berriman ins Leben gerufen.

  • Der Auslöser: Sie beobachteten, dass Nutzer keine Lust mehr hatten, für jede Kleinigkeit eine neue App aus dem Google Play Store oder Apple App Store herunterzuladen (Stichwort App Fatigue / App-Müdigkeit).
  • Die Vision: Sie wollten die Flexibilität des World Wide Web (keine Installation, einfach ein Link) mit der Rechenleistung und Offline-Fähigkeit nativer Apps verbinden.

(Ironischerweise hatte Steve Jobs bereits 2007 bei der Vorstellung des ersten iPhones eine ganz ähnliche Vision: Er wollte ursprünglich gar keinen App Store, sondern dass Entwickler Anwendungen direkt für den Webbrowser Safari bauen. Damals war die Technik aber schlichtweg noch nicht so weit.)

Wann kam es auf den Markt?

  • 2015 (Der Durchbruch): Google führte die maßgeblichen Schnittstellen (vor allem den Service Worker, der das Offline-Caching übernimmt) in den Chrome-Browser ein. Damit war die PWA offiziell „geboren“ und nutzbar.
  • 2018 (Apple zieht nach): Apple hielt sich sehr lange zurück (da sie den eigenen App Store schützen wollten), baute 2018 mit iOS 11.3 aber schließlich grundlegende PWA-Unterstützung in Safari ein.
  • Heute: PWAs werden längst von Tech-Giganten wie Pinterest, Twitter/X, Uber, Starbucks und Microsoft intensiv genutzt.