我在 FCM WEB 通知中将“do_not_collapse”作为有效负载

Question

我第一次做 fcm 网络通知并收到一条消息

{    from: "205864560478",    collapse_key: "do_not_collapse"   }

我的代码是

                messaging.onMessage(function(payload) {
                  console.log("Message received. ", payload);
                  // ...
                });

还有我的 firebase-messaging-sw.js

      const messaging = firebase.messaging();


    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'
      };

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

请帮忙。我不知道为什么我会收到这个错误 我完美地为 ios 和 Android 工作。 我的 web 项目在 localhost 中并且没有 https

Answer 1

{ from: "205864560478", collapse_key: "do_not_collapse" } 是预期的有效负载，它不是错误。 此外，为了开发，localhost 不受 https 条件的限制。

在 FCM 中，如果用户当前正在查看您的网页并收到推送通知，那么它将不会显示为推送通知（默认行为）。

消息的行为取决于页面是否在 前景（有焦点），或在背景中，隐藏在其他 选项卡，或完全关闭。

当您的应用处于前台时（用户当前正在查看您的 网页），您可以直接在 页面。

https://firebase.google.com/docs/cloud-messaging/js/receive

如果您仍想在用户当前查看您的网页时显示通知，那么您可以在 messaging.onMessage 添加推送代码逻辑

例子

messaging.onMessage(function (payload) {
    console.log('Message received. ', payload);
    var options = {
        body: 'Background Message body.', // payload.body
        icon: '/firebase-logo.png' .      // payload.icon
    };
    var n = new Notification('Notification says',options);
    setTimeout(n.close.bind(n), 5000);
});