Wahllokalsystem

ServiceWorker

Damit die Anwendung auch ohne eine Netzwerkverbindung genutzt werden kann, wurde mithilfe des vite-pwa-plugin ein Service Worker eingerichtet.

Um während der Entwicklung die Funktionalität des Service Workers zu testen, muss das Skript build-preview aus der package.json-Datei gestartet werden. Der SW bezieht sich auf die Elemente, die im dist-Ordner liegen, daher muss die Anwendung nach jeder Änderung im SW-File neu gebaut werden.

IndexedDB

Nach der Synchronisation der Offline-Daten aus der IndexedDB müssen in den Entwicklertools des Browsers die Einträge der IndexedDB manuell aktualisiert werden, um die Änderungen der dirty-Flags nachvollziehen zu können.

Debugging

Je nach verwendetem Browser sind unterschiedliche Schritte notwendig, um die Konsolenausgaben des SW zu sehen.

• Chrome: log-Ausgaben werden in der Browser Konsole mit ausgegeben (F12)
• Firefox: log-Ausgaben werden in einer eigenen SW-Konsole angezeigt.
  SW-Konsole in Firefox finden

  1. Entwicklertools öffnen (F12)
  2. Zum Tab Anwendung navigieren
  3. Auf about:debugging klicken
  4. Im neuen Tab den gewünschten SW finden (wahl-worker.ts) und auf Untersuchen klicken
  5. Die Konsole öffnet sich in einem neuen Tab