javascript - 在fcm的setBackgroundMessageHandler函数中获取文档

Question

下面是我的 fcm setBackgroundMessageHandler 函数:

messaging.setBackgroundMessageHandler(function(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'
  };
var event = new CustomEvent("name-of-event", payload);

// Dispatch/Trigger/Fire the event
document.dispatchEvent(event);
  return self.registration.showNotification(notificationTitle,
      notificationOptions);
});

我无法在上述方法中访问文档。我尝试将文档保存在全局变量中并在上面的方法中访问它，但它不起作用。

var document = document;
.
.
.
document.dispatchEvent(event); // gives error: dispatchEvent of undefined

Answer 1

由于 document 在服务工作人员中无法访问。因此无法使用其 dispatchEvent 函数向主页面发出事件。

要将消息从服​​务工作人员发送到主页，我们可以使用BroadcastChannel。在主页中创建一个监听器，如下所示:

var listener = new BroadcastChannel('listener');
listener.onmessage = function(e) {
  console.log('Got message from service worker',e);
};

在 service Worker js 文件中使用 BroadcastChannel 的 postMessage 函数将消息发送到主页:

var listener = new BroadcastChannel('listener');
listener.postMessage('It works !!');