檢測Web入門工具包中的單擊通知

Question

我正在使用Google Web Starter工具包 ，可以使用Service Worker顯示通知。

navigator.serviceWorker.getRegistration().then(function(reg) {
    var options = {
      body: body
    };
    reg.showNotification(title, options);
});

我想使用服務工作者檢測Notificationclick事件。

通知行為文章指出：

為此，我們需要向我們的服務人員添加“ notificationclick”事件監聽器。

我嘗試了以下方法：

navigator.serviceWorker.addEventListener('notificationclick', function() {
  console.log('notificationclick event called');
});

但這似乎不起作用。 應該在哪里添加事件監聽器？

Answer 1

您需要將notificationclick事件處理程序放入服務工作者文件中，並使用self.addEventListener （或只是addEventListener ）：

# sw.js

self.addEventListener('notificationclick', function() {
  console.log('notificationclick event called');
});

將其放在service worker文件中是有道理的，因為如果關閉了頁面/瀏覽器，您仍然希望事件處理程序執行。