如何从 Service Worker 发送通知

问题描述

我有一个 Service Worker，它创建了一个 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,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() 都是空的

解决方法

Client.postMessage() 可能适合您：

service-worker.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)
  })
}

,

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