有没有办法将Firebase Cloud Message（FCM）发送的通知更新到Web应用程序而不是创建新应用程序？

Question

我正在使用FCM进行聊天应用。每次用户收到消息时，我都会通过FCM向他发送通知。如果用户不在前台使用我的Web应用程序，则消息处理将在默认的Service Worker中进行，该Service Worker会生成一个通知，其中包含我在请求正文中指定的参数。问题是，每次发送新推送消息且应用程序处于后台时，浏览器（在Chrome和Firefox上测试）都会创建新消息，而不是更新现有消息。我想保留已经可见的通知，只更新其值，这可能吗？

如果应用程序不在前台，则处理推送的服务工作者：

importScripts('https://www.gstatic.com/firebasejs/3.5.2/firebase-app.js');
importScripts('https://www.gstatic.com/firebasejs/3.5.2/firebase-messaging.js');

firebase.initializeApp({
  'messagingSenderId': '*****'
});

const messaging = firebase.messaging();

发送到FCM服务器的请求的JSON主体

{
    "priority" : "normal",
    "collapse_key": "demo",
    "notification": {
        "title": "Felicius Humble",
        "body": "This is a sample message content",
        "click_action": "https://****.herokuapp.com",
        "icon": "****"
    },
    "to": "****",
    "data": {
        "id": 7,
        "timestamp": 1493573846692,
        "content": "teste",
        "type": "MESSAGE",
        "direction": "OUTPUT",
        "sender": {
            "id": 5,
            "name": "Felicius Humble",
            "email": "****@gmail.com",
            "gender": "MALE",
            "picture": "****",
            "facebookID": "****",
            "fcmToken": "****",
            "accessToken": "****"
        },
        "chatID": 3
    }
}

Answer 1

好的，所以我发现this显示了json正文的所有可用选项。对于我需要的东西，我只需要添加＆＃34;标记＆＃34;在我的json身体中通知obj的参数。 如果您要更新通知，请使用相同的标记发送。例如：

{
    "notification": {
        "title": "",
        "body": "",
        "click_action": "",
        "icon": "",
        "tag" : "this must be the same for the notifications you want to update"
    },
    "to": "****",
    "data": {}
    }
}

Answer 2

在某些情况下，您可能希望替换通知通知用户而不是静默更新。聊天应用就是一个很好的例子。在这种情况下，您应该将tag和renotify设置为true。

在sw.js

上写下此代码

    const title = 'Notification 2 of 2';
    const options = {
      tag: 'renotify',
      renotify: true
    };
    registration.showNotification(title, options);

  

您可以点击renotify按钮

，在here上测试演示