Я использую сервис pushy.me для получения push-уведомлений и все настраиваю правильно. так что теперь я получаю push в файле сервисного работника, и я могу показать его в консоли, но проблема в том, что я должен получить доступ к данным push в моих реагирующих компонентах, так как я могу экспортировать обработанные данные в сервисный работник и получить к нему доступ из мои компоненты реакции или любые другие файлы js?
Я предполагаю, что могу создать другое событие внутри события сервис-воркера и получить его от любого другого компонента, но я не мог этого сделать, потому что я действительно новичок в событиях!
это файл service-worker.js:
// Import Pushy Service Worker 1.0.3
// Listen for incoming push notifications
self.addEventListener("push", function(event) {
// Extract payload as JSON object, default to empty object
var data = event.data.json() || {};
console.log(data);
var e = new CustomEvent("build", { data });
// Extract notification image URL
var image = data.image || "https://sdk.pushy.me/web/assets/img/icon.png";
// Notification title and body
var title = data.title || "";
var body = data.message || "";
// Notification options
var options = {
body: body,
icon: image,
badge: image,
data: {
url: data.url
}
};
// Wait until notification is shown
event.waitUntil(self.registration.showNotification(title, options));
});
// Listen for notification click event
self.addEventListener("notificationclick", function(event) {
// Hide notification
event.notification.close();
// Attempt to extract notification URL
var url = event.notification.data.url;
// Check if it exists
if (url) {
// Open the target URL in a new tab/window
event.waitUntil(clients.openWindow(url));
}
});