javascript - FCM 服务工作线程 setBackgroundMessageHandler

Question

我尝试使用 FCM ( Firebase Cloud Messaging ) 进行 Web 推送通知。当网络应用程序选项卡处于焦点状态时，我成功收到一条消息。

但是当我关闭选项卡时，它应该调用服务工作线程(在 FCM 示例中为 firebase-messaging-sw.js )。但它根本没有调用 setBackgroundMessageHandler。

const messaging = firebase.messaging();
messaging.setBackgroundMessageHandler(function(payload) {
  console.log('[firebase-messaging-sw.js] Received background message ', payload);
  const notificationTitle = 'Background Message Title';
  const notificationOptions = {
    body: 'Background Message body.',
    icon: 'firebase-logo.png'
  };

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

Answer 1

在您的 manifest.json 文件中包含以下内容:{"gcm_sender_id": "103953800507"}此 gcm_sender_id 对于所有 fcm 用户来说都是唯一的，并非特定于您的项目。

在您的 Service Worker 代码中添加您的项目特定的发件人 ID。Service Worker 代码的工作示例是 here .

当您的网站选项卡未处于焦点/关闭且浏览器打开时，它应该显示后台通知。