如何从服务工作者发送通知

Question

我有一个服务工作者，它创建了一个Websocket来侦听通知，并且工作正常。我的问题是，当我试图显示通知时，我不能。这是代码

function displayNotification(title, body, tag, url, actions) {
if (Notification.permission == "granted") {
if (title == undefined || title == null || title == "") title = "My site"
if (body == undefined || body == null) body = ""
if (tag == undefined || tag == "") tag = null
if (url == undefined || url == null || url == "") url = "https://example.com/"
if (actions == undefined || actions == null || actions == "") actions = []
actions.push({ action: "close", title: "Close" })
self.ServiceWorkerRegistration.showNotification(//self.ServiceWorkerRegistration.showNotification is not a function
title, 
body,
lang: "en-US",
icon: "https://example.com/images/logo.png",
badge: "https://example.com/images/logo.png",
vibrate: [100, 50, 100],
data: {
dateOfArrival: Date.now(),
url
},
timestamp: Date.now(),
actions,
tag
})
}
}

我也试过self.showNotification()和this.showNotification()，它们都是空

Answer 1

我找到了答案，它是self.registration.showNotification()。希望这能帮助其他发现它的人！

Answer 2

Client.postMessage((可能适用于您：

服务工作者.js

notify({ greeting: 'Hello' })
async function notify(data) {
for (let client of (await self.clients.matchAll())) {
client.postMessage(data)
}
}

page.js

if ('serviceWorker' in navigator) {
navigator.serviceWorker.register('service-worker.js');
navigator.serviceWorker.addEventListener('message', event => {
console.log(event.data)
})
}