Firebase 云消息传递：防止 javascript 客户端中的后台通知

Question

我有一个实时比分显示网站，它是用 Google 的频道 API 实现的，用于将实时比分更新推送到浏览器。 由于 Google 正在关闭通道 API，因此我必须转向 Firebase Cloud Messaging。

当我迁移到 FCM 时，我不得不添加一个 service worker javascript 文件 (firebase-messaging-sw.js)。 每当向浏览器推送分数更新时，如果用户在另一个浏览器选项卡中或用户已关闭我的网页选项卡，则会向用户显示通知。

我不需要这个通知，我想禁用它。 此外，当用户移动到另一个浏览器选项卡时，我想防止推送消息进入服务工作者并将其路由到我的网页，以便当用户再次返回该选项卡时，网页中的最新分数会更新。

有没有办法实现这一目标？

Answer 1

您应该在消息正文中传递一个参数（取决于您需要做什么），如下所示：

$msg = [
  'title' => pushTitle,
  'body'=> pushBody,
  'icon'=> icon.png,
  'image'=> image.png,
  'active'=> 1
];

以上是 PHP，但在任何编程语言中也以相同的方式工作。 如果您使用 Firebase，那么您应该使用云函数。

然后在你的 js 文件中：

messaging.setBackgroundMessageHandler(function(payload) {
  console.log('Received background message', payload);

  if(payload.data.active == 1){
    return;
  }
  var notificationTitle = payload.data.title;
  var notificationOptions = {
    body: payload.data.body,
    icon: payload.data.icon,
    image: payload.data.image
  };

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

如果我有你的代码（到目前为止你做了什么），我会给你一个确切的答案。 如果您有更多问题，请随时提出。