Offline-Nutzung

Der bekannteste Einsatzzweck ist die Offline-Nutzung von Webseiten. Hier löst der Service Worker den Application Cache ab.

Um eine Internetseite mit Hilfe eines Service Workers offline nutzbar zu machen, geht man im einfachsten Fall so vor:

Beim Initialisieren des Workers (dem einzigen Zeitpunkt, zu dem eine Internetverbindung notwendig ist) werden alle benötigten Ressourcen heruntergeladen und gespeichert. Hierzu kann prinzipiell jeder verfügbare Speicher genutzt werden, etwa die Indexed Database API, in der Regel kommt aber ein spezieller Cache-Speicher zum Einsatz, der zwar unabhängig vom gewöhnlichen Browsercache ist, aber wie dieser Ressourcen anhand ihrer URL speichert.

Anschließend muss der Service Worker nur auf fetch-Events reagieren. Dieses besondere Ereignis wird immer dann ausgelöst, wenn eine vom Service Worker überwachte Seite eine neue Ressource anfordert. Dies kann durch die Navigation des Benutzers auftreten, nämlich wenn eine aufgerufene Seite weitere Elemente wie Bilder oder Stylesheets einbindet oder wenn mittels AJAX dynamisch Daten geladen werden sollen. Ist die angeforderte Ressource im Cache des Service Workers vorhanden, so kann er sie einfach übergeben; eine Internetverbindung ist dazu nicht notwendig.

Push-Benachrichtigungen

Ein weiteres Einsatzgebiet für Service Worker sind Push-Benachrichtigungen, also vom Server versandte Benachrichtigungen, die den Benutzer auch dann erreichen sollen, wenn dieser gerade keine entsprechende Seite im Browser geöffnet hat.

Hierzu wird zunächst über dem zum Service Worker gehörenden Push-Manager die Push-Benachrichtigung aktiviert. Dabei wird dem Server, der die Push-Benachrichtigungen versenden soll, eine URL mitgeteilt, an die er die Benachrichtigungen schicken soll. Der Server wird vom jeweiligen Browserhersteller betrieben und fungiert als Proxy zwischen dem Dienst und dem Benutzer.

Anschließend wird der Service Worker über push-Events informiert, wenn es eine neue Nachricht gibt, auch wenn gerade keine Seite im Browser geöffnet ist, die er überwacht. Als Reaktion auf dieses Ereignis sollte der Worker eine sichtbare Benachrichtigung erzeugen und je nach Wunsch des Benutzers eine Seite mit weiteren Informationen in einem neuen Browsertab laden oder eine bereits geöffnete Seite in den Vordergrund holen.

Weitere Einsatzmöglichkeiten

Besonders in seiner Funktion als Proxy kann ein Service Worker vielfältig eingesetzt werden. Neben komplexeren Cache-Strategien als einer reinen Offline-Speicherung können beispielsweise Load-Balancer implementiert werden.