service work 能主动向 main script 发 message 吗?

2019-10-24 06:46:05 +08:00
 lbfeng

怎么在 push callback 里向 main script 发 message? service-worker.js

console.log("Service Worker Loaded...");
self.addEventListener("push", e => {
  const data = e.data.json();
  console.log("Push Recieved...");
  // post data back to main script
});
2411 次点击
所在节点    JavaScript
1 条回复
lbfeng
2019-10-25 02:31:21 +08:00
我自己挖的坑自己填吧。

service worker 可以得到所有的 clients 也就是所有 register 过这个 service worker 的 script.

```javascript
function sendMessage(message) {
return self.clients.matchAll({
includeUncontrolled: true // https://developer.mozilla.org/en-US/docs/Web/API/Clients/matchAll
}).then(clients => {
// post messages
// only has one client
clients[0].postMessage(message);
});
}
```
在 push event 的 callback function 里调用 sendMessage 就可以吧 remote push message 传回 client.

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/612316

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX