How can I pass or post params to sevirce worker on register or install? #1441
Comments
|
How about this: HTML: <!DOCTYPE html>
<h1>See console</h1>
<script>
navigator.serviceWorker.register('sw.js').then(reg => {
reg.installing.postMessage({ type: 'install-data', value: 'hello!' });
});
</script>sw.js: addEventListener('install', event => {
event.waitUntil(async function() {
const value = await installData;
console.log('Service worker saw data:', value);
}());
});
const installData = new Promise(resolve => {
addEventListener('message', (event) => {
if ('type' in event.data && event.data.type === 'install-data') {
resolve(event.data.value);
}
});
});Live example: https://static-misc.glitch.me/sw-postmessage-install/ Please reopen if this doesn't help. |
|
Okay, I see and it worked. Thanks a lot. |
|
Solved. |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Hi all,
I have a multi lingual website and my assets (js, css, fonts) are versioned (e.g. js-3.1.7/lib/file.js).
I've tried to use after serviceWorker.register to postMessage({comand:"install",version:"3.1.7", language:"en"}), and in sw.js to add an event listener for message. In that event I check for the comand. Then I try in the event listener for install to build my assets to cache, e.g.
and my cache name should become
But it won't work. I think the event listener for message is not fired when install /register is fired?
How can I fix this. URL-Searchparams may be not a good alternative, because with search params I may register new sw on each language change?
Many thanks.
Michael
The text was updated successfully, but these errors were encountered: