Моему сайту нужно отправлять уведомления через Интернет, и я настраиваю своего работника службы поддержки в моем приложении 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