有没有一种方法可以将Firebase Cloud Message（FCM）发送的通知更新到web应用程序，而不是创建一个新的通知？

Question

我在用FCM做聊天应用。每次用户收到消息时，我都会通过FCM向他发送通知。如果用户没有将我的web应用程序放在前台，则消息处理将在默认的Service Worker中进行，该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();

{
    "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

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

在 中编写以下代码

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

您可以通过点击 按钮在此处测试演示

Answer 2

好的，我找到了这个显示了json主体可用的所有选项。对于我所需要的，我只需要在json主体中的notification obj上添加“tag”param。如果要更新通知，请使用相同的标记发送通知。示例:

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