Service Worker とは？

たとえば、保存しておいたページや画像を返して、オフラインでも使える部分を作れるよ。通知や、接続が戻った後の送信にも使える。ただ登録するだけでは実現せず、各イベントへの処理を実装するんだ。

常駐し続けるわけではないよ。ブラウザが必要なイベントのために起動し、使われていない間などは停止する。ページを閉じた後の通知にも使えるけれど、ブラウザ・OSの対応や通知の許可に左右されるんだ。

登録後にinstall、activateを経て利用できる状態になるよ。キャッシュの準備や整理は、そのイベントで自分で行う処理の例。fetchは有効化後に通信を扱うイベントで、最後の一段階ではないんだ。更新版は通常、旧版の利用者がいなくなるまで待機する。skipWaiting()を使う場合は、古いページとの整合性も考えよう。

Cache Firstはキャッシュを先に、Network Firstは通信を先に試す。Stale While Revalidateは保存済みの応答を返しつつ更新する方法だよ。古い内容をどれだけ許容できるかで選ぼう。Workboxはこうした戦略の実装を助けるライブラリなんだ。

通常はHTTPSが必要で、localhostなどは開発用の例外だよ。制御するページの範囲は、既定ではスクリプトのあるディレクトリ以下。Service-Worker-Allowedヘッダーで広げられる場合もある。通知や同期の対応状況、更新時の挙動も対象の環境で確認しよう。