Как многократное уведомление работника службы Chrome работает по событию «messagesclick»? - PullRequest
0 голосов
/ 04 декабря 2018

Моему сайту нужно отправлять уведомления через Интернет, и я настраиваю своего работника службы поддержки в моем приложении create-реагировать на приложения

self.addEventListener('activate', () => {
  console.log('Activate!!!!!');
});

self.addEventListener('push', (event) => {
  console.log('[Push] : ', event.data.json());
  event.stopImmediatePropagation();

  const data = event.data.json();

  event.waitUntil(
    self.registration.showNotification(data.title, {
      body: data.body,
      tag: data.tag,
      data: data.params,
      requireInteraction: true,
      icon: './punch.png',
    }),
  );
});

self.addEventListener('notificationclick', (event) => {
   const data = event.notification.data;
   console.log('get Data : ', data);

   event.notification.close();
   event.waitUntil(clients.openWindow(data.url === '/' ? '' : data.url));
});

self.addEventListener('notificationclose', (event) => {
   console.log('notification close!!!');
   // log send to server
});

Кроме того, мне нужно несколько уведомлений, поэтому вставьте requireInteraction = true в push-уведомлении.Eventlistener.

Работает, чтобы нажать умножить. образец изображения

Но только первое уведомление о работе работает при первом или новом уведомлении, а другие не работают при каких-либо событиях.

Я искал решение в Google, не смог найти правильный ответ для меня.

Моя среда:

  • Chrome 70.0.3538.110
  • React 16.6.3
  • create-реакции-приложение 2.0.3
  • Mac OS High Sierra 10.13.5
...