Как отследить статусы доставки web push?

Question

[sergeevpetro]

Делал по мануалу на хабре. Теперь собственно интересует вопрос отслеживания статуса (доставлено, открыто, закрыто) отправленного уведомления.
Знаю, что есть события push, notificationclose и notificationclick но как реализовать отслеживание статуса каждого отправленного уведомления, не могу понять.

Надеюсь на вашу помощь.

Answer 1

[profesor08]

Там же, где ты прочитал, в комментах есть ссылка https://github.com/gauntface/simple-push-demo/blob...

Там показано как это реализовать. Вешаешь обработчик события и делаешь свои дела в нем.

Comments

[sergeevpetro]

как я понял там реализовано через гугл аналитику. Хотелось бы отправлять данные в произвольное место.
Есть идеи как это сделать?

[profesor08]

sergeevpetro, https://developers.google.com/web/fundamentals/pus...

[profesor08]

Тебе нужен service-worker.js который будет заниматься всеми делами

[sergeevpetro]

profesor08, вот код моего сервис воркера:

importScripts('https://www.gstatic.com/firebasejs/4.8.1/firebase-app.js');
importScripts('https://www.gstatic.com/firebasejs/4.8.1/firebase-messaging.js');

firebase.initializeApp({
  messagingSenderId: '955435791031'
});

const messaging = firebase.messaging();

// Customize notification handler
messaging.setBackgroundMessageHandler(function(payload) {
  console.log('Handling background message', payload);

  // Copy data object to get parameters in the click handler
  payload.data.data = JSON.parse(JSON.stringify(payload.data));
  return self.registration.showNotification(payload.data.title, payload.data);
});

self.addEventListener('notificationclick', function(event) {
  const target = event.notification.data.click_action || '/';
  event.notification.close();
  // This looks to see if the current is already open and focuses if it is
  event.waitUntil(clients.matchAll({
    type: 'window',
    includeUncontrolled: true
  }).then(function(clientList) {
    // clientList always is empty?!
    for (var i = 0; i < clientList.length; i++) {
      var client = clientList[i];
      if (client.url === target && 'focus' in client) {
        return client.focus();
      }
    }

    return clients.openWindow(target);
  }));
});

self.addEventListener('notificationclose', function(event) {
console.log("notification was closed");
});

Что нужно написать, чтобы, например, на эвенте notificationclose в файл analytics.php отправлялись данные о том, что сообщение закрыто?

[profesor08]

sergeevpetro, надо написать ajax запрос на свой url

[sergeevpetro]

profesor08, я пробовал и столкнулся с двумя проблемами:
1) при подключении jquery к сервис воркеру, напрочь отваливаются первые две js либы и воркер "ложится".
2) какие данные могу отправить?! При отправке пуша на FCM сервер возвращает multicast_id и message_id. Как понимаю мне нужен второй. Но присылает ли FCM воркеру этот message_id на эвент например notificationclose ?

[profesor08]

sergeevpetro, fetch(url).then(...)
Для всего остального есть доки, если не хочешь в них вникать, это дело твое, так ты ничему не научишься.

[sergeevpetro]

profesor08, прошу, не сердитесь. Лучше направьте юного падавана на путь верный.

[sergeevpetro]

profesor08, такой вопрос...если я отправлю пуш-уведомление на свой второй комп и там закрою его, то мне на сервере никак не узнать об этом эвенте?