如何解决Nuxt PWA服务工作者“ onmessage”处理程序
我正在发布服务人员发来的消息,并且需要在我的Nuxt应用中处理它,我该如何实现?
过去我使用过navigator.serviceWorker.onmessage
,但是Nuxt应用程序的最佳实践是什么?在哪个文件中执行此操作?
nuxt.config.js
块:
pwa: {
workbox: {
importScripts: [
'sw_notifications.js'
]
},...
}
sw_notifications.js
console.log('Service Worker: Listening for notification interaction')
self.addEventListener('notificationclose',function(e) {
e.notification.close();
self.serviceWorker.postMessage({
key: 'notification-close',data: e.notification.data
})
})
self.addEventListener('notificationclick',function(e) {
e.notification.close();
self.serviceWorker.postMessage({
key: 'notification-open',data: e.notification.data
})
if (e.action !== 'close') {
clients.openWindow(e.notification.data.url);
}
})
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。