service worker

service workerとは、リソース取得処理に割り込むことができるjavascriptです。

例

ServiceWorker.js

1. cacheからurlをkeyにリソースを取得します。
2. リソースを取得できなければonlineから取得し、応答がok(200)であれば、cacheへ追加します。

caches.has(): cacheの存在確認
caches.open(): cacheの取得
cache.match(): cacheからリソースを取得
cache.put(): cacheへリソースを追加

html/PWAManager.js

navigator.serviceWorker.register(): service workerの登録
navigator.serviceWorker.getRegistration(): service workerの登録を取得
registration.unregister(): service workerの登録解除
caches.has(): cacheの存在確認
caches.open(): cacheの取得
caches.delete(): cacheの削除
cache.keys(): cacheからリソースを取得するためのkeyを全取得
cache.delete(): cacheからリソースを削除
cache.put(): cacheへリソースを追加