1

我有一个从服务器获取多个通知的 Service Worker。问题是 Chrome 中的所有通知都会自动关闭，除了最后一个。我究竟做错了什么？

self.addEventListener('push', function(event) {
var subscriptionId;
var sessionId;
var notification = {};

event.waitUntil(
    self.registration.pushManager.getSubscription().then(function(subscription) {
        subscriptionId = subscription.endpoint.split('/');
        subscriptionId = subscriptionId[subscriptionId.length - 1];

        notification.title = 'Yay a message.';
        notification.icon = '/app/img/icon-256x256.png';
        notification.tag = 'notification-tag-' + (new Date)*1;
        notification.messages = [];

        //get context
        fetch(requestUrl,
            {
                method: 'post',
                body: body
            }).then(function(response) {
                response.json().then(function(data) {
                    sessionId = response.headers.get('SessionId');
                    fetch(requestUrl + '?SessionId=' + sessionId, {
                        method: 'post',
                        headers: JSON.stringify({
                            'Content-Type': 'application/json'
                        }),
                        body: JSON.stringify({
                            data: {
                                subscriberId: subscriptionId
                            }
                        })
                    }).then(function(responce) {
                        responce.json().then(function(data) {
                            data = data.data;
                            if (!data.chromeNotifications || !data.chromeNotifications.length) return;
                            data.chromeNotifications.forEach(function(push) {
                                notification.messages.push(push.message);
                            });
                        }).then(function() {
                            var promises = [];
                            for(var i=0; notification.messages && i<notification.messages.length; i++) {
                                promises.push(self.registration.showNotification(notification.title, {
                                    body: notification.messages[i],
                                    icon: notification.icon,
                                    tag: notification.tag
                                }));
                            }
                            return Promise.all( promises );
                        });
                    });
                })
            });
    }).catch(function(error) {
        console.error('Unable to get subscription data', error);
        var title = 'An error occurred';
        var message = 'We were unable to get the information for this push message';
        var notificationTag = 'notification-error';
        return self.registration.showNotification(title, {
            body: message,
            tag: notificationTag
        });
    })
);
4

1 回答 1

5

就在从您的服务器获取待处理通知之前，在示例的第 13 行，您将tag一次设置为对传入的 Push 消息是唯一的。然后tag在第 47 行将其用于从您的服务器获取的每条消息。

通知的tag可用于指示，在创建时，通知应tag在显示全新通知之前尝试替换任何先前共享相同的通知。在这种情况下，您会反复覆盖以前的通知。

解决方案是根本不使用tag，因为无论如何您都希望它是独一无二的。将它保留在您的错误通知中确实很有意义 - 如果您显示两次，它对用户没有帮助。

于 2015-10-02T19:30:01.543 回答