Datenspeicherung im Browser (Client-seitig)

Dauerhafte Speicherung von Daten auf dem Server (siehe Folgestunden).

Bedarf zur lokalen Speicherung von Daten

  • nur temporär benötigte Daten
  • fehlende Internetanbindung
    • lokale Kopie der Serverdaten
  • Kommunikation mit Server
    • HTTP Protokoll ist "stateless" (Zustandslos) -> alle Informationen zur Bearbeitung der Anfrage müssen bei jedem Request mitgesendet werden
    • auf der User Seite gespeicherte Daten können bei Anfragen mitgesendet werden (z. B. Session-ID, Authentifizierungs-Token, Einstellungen)
    • Server kann den User über diese Daten tracken (DSGVO bei personenbezogenen Daten berücksichtigen)

Speicheroptionen

Automatische Speicherung in lokalen Dateien nicht möglich:

  • JavaScript hat nur durch User Interaktion Zugriff auf lokale Dateien des Rechners
    ⓘ
    Ausnahme z. B. bei expliziten, sicherheitskritischen Einstellungen im Chrome Browser: --allow-file-access-from-files↩

Speichermöglichkeiten in der Browser Anwendung (offline verfügbar):

ⓘ
Browser Cache: Puffer Speicher von Ressourcen im Browser; keine explizite Daten-Speicherung↩

  • Cookies (einzelne Informationen, wenige KB)
  • Web Storage: Session Storage, Local Storage (Zugriff synchron, ca. 5MB Speicher)
  • Datenbanken: IndexedDB (Zugriff asynchron, für große Datenmengen, API komplizierter, nicht von allen Browsern unterstützt, Datenbankfunktionalität)
    ⓘ
    Alternative "Web SQL" wurde nicht von W3C standardisiert.↩

-> In Google Chrome einsehbar unter der Entwicklungsumgebung im Application Tab