[ServiceWorker] ブラウザのjsからServiceWorkerに値を渡す

[ServiceWorker] ブラウザのjsからServiceWorkerに値を渡す:

前提

1. hoge.phpにリクエストを投げる。
2. そのレスポンスにあるfugaというデータをServiceWorkerの中で使いたい。

ソース

レスポンスを受け取ったxxx.jsからmessageイベントを利用すると、たぶん一番簡便。

xxx.js

if ('serviceWorker' in navigator) { 
    navigator.serviceWorker.controller.postMessage({type: 'hoge', fuga: xxx}); 
} 

ブラウザ側ではこうやっておいて…

ServiceWorker.js

self.addEventListener('message', event => { 
    switch (event.data.type) { 
        case 'hoge': 
            console.log(event.data.fuga); 
            break; 
    } 
}); 

こうやる、と (´･ω･｀)