サービスワーカーからアクティブなプッシュ通知の数を確認する

Question

サービスワーカーを使用してプッシュ通知を実装しました。現在ウィンドウに表示されている通知の数を調べる方法はありますか？私の意図は、ウィンドウに表示される通知の数を制限することです。

私は以下を試みました。しかし、空の配列を返すgetNotifications関数。

self.addEventListener('push', function(event) { 
if (!(self.Notification && self.Notification.permission === 'granted')) { 
     return; 
    } 
    var data = event.data.json(); 
    var options = { 
    body: data.notificationText, 
    icon: 'files/assets/staff.png', 
    vibrate: [100, 50, 100], 
    data: { 
     dateOfArrival: Date.now(), 
     onClickUrl: data.onClickUrl, 
     event_id: data.event_id, 
     productName: data.product_name 
    } 
    }; 

    event.waitUntil(
    self.registration.getNotifications().then(function(notifications) { 
     console.log(notifications); 
     if (notifications && notifications.length > 0) { 
     notifications.forEach(function(notification) { 
      notification.close(); 
     }); 
     } 
     showNotification(data.title, options); 
    }) 
); 
}); 

Answer 1

通知のリストを返すserviceWorker.getNotifications()を使用できます。あなたがそうのようにそれを使用することができます：

navigator.serviceWorker.register('sw.js'); 

navigator.serviceWorker.ready.then(function(registration) { 
    registration.getNotifications().then(function(notifications) { 
    // get the number of notifications 
    }) 
}); 

あなたserviceworkerファイルでこれをやっているならば、それはです：ユーザーに表示される通知がある場合に

self.registration.getNotifications().then(function(notifications) { 
    // get the number of notifications 
})