webpush，如果没有标签，如何打开 window

Question

我已经设置了一个网络推送系统，并且运行良好。

我遇到的问题是，在 Mac 上，如果用户打开了 Firefox，但在收到通知时没有打开任何页面，则点击丢失。我 t 什么都不做。

这是相关部分

self.addEventListener('push', function(event) {

  var jsonObj = event.data.json();
  var title = jsonObj.title;

  event.waitUntil(
    self.registration.showNotification(title, {
      'body': jsonObj.body,
      'icon': jsonObj.icon,
      'href': jsonObj.href,
      'tag': jsonObj.tag

    }));

    self.addEventListener('notificationclick', function(event) {
      event.notification.close();
      var href = jsonObj.href;
      var tag  = jsonObj.tag;

      if (clients.openWindow) {
        clients.openWindow(href);
      }


      /*
      // This looks to see if the current is already open and
      // focuses if it is
      event.waitUntil(
        clients.matchAll({
          type: "window"
        })
        .then(function(clientList) {
          for (var i = 0; i < clientList.length; i++) {
            var client = clientList[i];
            if (client.url == href && 'focus' in client)
              return client.focus();
          }
          if (clients.openWindow) {
            return clients.openWindow(href);
          }
        })
      );
    */
    });

});

Answer 1

我建议你：

在全局范围内的 push 事件处理程序之外定义 notificationclick 事件处理程序。您可以在 showNotification 的 data 参数中传递 jsonObj，这样您就可以在 notificationclick 处理程序的 event 对象中访问它。你可以在这里看到一个例子：https://github.com/mozilla/wp-web-push/blob/master/wp-web-push/lib/js/sw.php.
openWindow returns一个Promise，你应该用openWindow返回的promise调用event.waitUntil。

webpush，如果没有标签，如何打开 window

webpush, How to open window if no tabs

javascript

firefox

service-worker

web-push