Что такое лучшее решение для использования функций nuxt pwa вместе с fcm?

Какое лучшее решение использовать функции nuxt pwa вместе с fcm?

Я хочу добавить облачную передачу сообщений Firebase в мое приложение nuxt.js, которое использует рабочий ящик для интеграции функций pwa. Проблема заключается в том, что fcm требуется сервисный работник ( firebase-messaging-sw.js ), который обрабатывает входящие сообщения, но рабочий ящик также использует сервисного работника ( sw.js ) для предоставления функций pwa .

Поскольку один сайт может обрабатывать только одного работника сервиса, я попытался использовать работника сервиса workbox ( sw.js ) для firebase:

 navigator.serviceWorker.register('/sw.js') .then((registration) ={amp}gt; { fcm.useServiceWorker(registration) }) .catch(err ={amp}gt; { console.error(err); }) 

и скопировать код из firebase-messaging-sw.js в sw.js :

 importScripts('https://www.gstatic.com/firebasejs/6.3.4/firebase-app.js'); importScripts('https://www.gstatic.com/firebasejs/6.3.4/firebase-messaging.js'); const config = { messagingSenderId: "12345", } !firebase.apps.length ? firebase.initializeApp(config) : '' const messaging = firebase.messaging() 

Но каждый раз, когда я строю проект с nuxt, файл sw.js перезаписывается, а код, который я копировал для обработки входящих сообщений, исчезает.

Какое решение лучше использовать Workbox вместе с Fcm?

Понравилась статья? Поделиться с друзьями:
JavaScript & TypeScript
Adblock
detector