如何处理非活动站点上的推送通知？

Question

我有一个 PWA 网站，当有人在该网站上拨打电话时，可以发送和接收推送通知。

我正在使用 Firebase Messaging 进行推送通知，以下是一些代码：

notification:
    {
        title:"Video call!",
        body:"Video call from:"+m,
        click_action: "https://......netlify.app/?x="+m
    },
    data:
    {
        title:"Video call!",
        email:m,
        contact_link:"https://......netlify.app/?x="+m

我在 URL 中附加了一些重要参数。结果：当网站处于焦点状态时，我会在后台收到我可以处理的 Firebase 的 onMessage 函数的通知。有用。当网站关闭时，click_action 使用参数打开网站，并且它也可以工作。唯一不起作用的是当站点处于非活动状态时（另一个选项卡在浏览器中处于焦点）。通知进来，我点击推送通知，网站变得聚焦，但没有任何变化，网站甚至没有重新加载。 URL 参数与之前相同，不会更改为链接中的参数。

那么我该怎么做才能使非活动网站更改为同一网站但使用链接中的参数呢？

我的服务人员没有做太多事情，但它就在这里，以防需要解决方案：

firebase.initializeApp({
    ....
  });

  const messaging=firebase.messaging();

  messaging.setBackgroundMessageHandler(function (payload) {
    console.log(payload);
});

Answer 1

通过在 Service Worker 中使用 onBackgroundMessage() 解决了这个问题，这正是针对这样的情况。