当应用程序位于前台时，Angular 8 firebase 推送通知不起作用

我正在按照此文档在我的 Angular Web 应用程序上实现 FCM。当我发送通知时，当应用程序未处于活动状态时，它会成功接收。 （接收后台通知）。但如果应用程序处于活动状态，我就不会收到通知。

请按照下列步骤操作：https://dev.to/mayurkadampro/angular-8-firebase-cloud-messaging-push-notifications-97a https://dev.to/mayurkadampro/angular-8-firebase-cloud-messaging-push-notifications-97a

基本上，当有新消息时，这不会触发

this.angularFireMessaging.messages.subscribe(
(payload) => {
    console.log("new message received. ", payload);
    this.currentMessage.next(payload);})

我缺少什么？

您需要手动触发它。

当您收到消息时，只需记录它，然后让消息转到下一条消息：

this.angularFireMessaging.messages.subscribe(
(payload) => {
    console.log("new message received. ", payload);
    this.currentMessage.next(payload);})

您需要触发来自 Service Worker 的通知：

this.angularFireMessaging.messages.subscribe(
(payload) => {
    console.log("new message received. ", payload);
    const NotificationOptions = {
            body: payload.notification.body,
            data: payload.data,
            icon: payload.notification.icon
          }
          navigator.serviceWorker.getRegistration('/firebase-cloud-messaging-push-scope').then(registration => {
            registration.showNotification(payload.notification.title, NotificationOptions);
          });
    this.currentMessage.next(payload);})

然后在 firebase-messaging-sw.js 中添加：

self.addEventListener('notificationclick', function(event) {
    event.notification.close();
    event.waitUntil(self.clients.openWindow(event.notification.data.url));
});