触发 click_action 后在服务人员中捕获 FCM 通知消息

Question

我面临的通知消息的问题是，只要定义的 click_action 的完整 URL 与任何打开的选项卡都不匹配，就会打开一个新选项卡。

假设 click_action 等于 mydomain.com 并且打开了一个带有 URL mydomain.com/anyroute 的标签。由于 URL 不匹配，将打开一个新选项卡。但我希望已经打开的选项卡能够获得焦点，而不是打开一个新选项卡。

用户点击消息后，Service Worker 是否可以捕获到通知消息，还是有其他可能？

编辑：到目前为止，onBackgroundMessage 或 notificationclick 等服务人员的事件未通过，因为推送通知是 notification_message。

Answer 1

您可以使用on 解释here。

messaging.onBackgroundMessage((payload) => {
  console.log(
    "[firebase-messaging-sw.js] Received background message ",
    payload
  );
  // Customize notification here
  const notificationTitle = "Background Message Title";
  const notificationOptions = {
    body: "Background Message body.",
    icon: "/firebase-logo.png",
  };

  // Loop trough all clients controled by the SW
  self.clients.matchAll(options).then(function (clients) {
    // Let's see if we already have a chat window open:
    const url = new URL(client.url);

    if (url.pathname == "/custom_url/") {
      // Excellent, let's use it!
      client.focus();
    }

    // do something with your clients list
  });

  self.registration.showNotification(notificationTitle, notificationOptions);
});

您可以在哪里使用self.clients 循环通过由 SW 控制的应用程序的所有选项卡/客户端。如果 url/patch 匹配，您可以专注于特定客户端。