我正在尝试实现 Firebase 云消息传递 (FCM)，以便将通知推送到我的 Web 应用程序 (AngularJS) 中。为此，我在根应用程序文件夹中创建了一个 firebase-messaging-sw.js。

// firebase-messaging-sw.js
'use strict';
console.log('Starting service worker');

if ('function' === typeof importScripts) {

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

    // Initialize the Firebase app in the service worker by passing in the
    // messagingSenderId.
    firebase.initializeApp({
        'messagingSenderId': '1043000236721'
    });

    // Retrieve an instance of Firebase Messaging so that it can handle background
    // messages.
    var messaging = firebase.messaging();


    messaging.setBackgroundMessageHandler(function (payload) {
        var shinyData = payload || {};
        var title = 'New Notification';
        console.log('[firebase-messaging-sw.js] Received background message ', payload, shinyData);

        return self.registration.showNotification(title, {
            body: shinyData.body,
            icon: '/resources/images/web-logo.png',
            data: { url: '/#!/home' }
        });
    });

    self.addEventListener("notificationclick", function (event) {
        var urlToRedirect = event.notification.data.url;
        event.notification.close();
        event.waitUntil(self.clients.openWindow(urlToRedirect));
    });
}

和一个包含 gcm-sender-id 的 manifest.json 文件如下:

 {
  "manifest_version": 2,
  "name": "My Extension",
  "version": "versionString",

  "default_locale": "en",
  "description": "A plain text description",
  "gcm_sender_id": "103953800517"

}

在 index.html 中，我按如下方式初始化了 Firebase:

<script>
        var config = {
            apiKey: "API-key",
            authDomain: "some-authdomain",
            databaseURL: "firebase-databaseUrl",
            storageBucket: "storage-bucketUrl",
            messagingSenderId: "senderId"
        };
        firebase.initializeApp(config);
    </script>

通过所有这些配置，FCM 推送通知工作正常。但是当我们注销时，问题就来了。在注销时，我按如下方式注销服务人员:

navigator.serviceWorker.getRegistrations().then(function (registrations) {
                            angular.forEach(registrations, function (registration) {
                                registration.unregister();
                            });
                        });

现在，当我尝试再次登录时，推送通知不起作用 注销所有服务人员后，我无法 重新初始化 firebase 应用程序。如果我在注销后重新加载页面 FCM 工作得很好，因为重新加载 firebase-messaging-sw.js 是 再次加载并再次设置 Service Worker。

请帮助我提供正确注销和登录的解决方案，以使 FCM 顺利运行。

最佳答案

我还没有真正尝试过这个解决方案，但我相信这应该可行。 将这段代码写在一个函数中:

async function init() {
  const registration = await navigator.serviceWorker.register('/firebase-messaging-sw.js');
  await navigator.serviceWorker.ready;  
  var config = {
            apiKey: "API-key",
            authDomain: "some-authdomain",
            databaseURL: "firebase-databaseUrl",
            storageBucket: "storage-bucketUrl",
            messagingSenderId: "senderId"
        };
  firebase.initializeApp(config);
  // getToken and all stuffs
}

并在用户登录后立即调用函数 init()。

此外，无论何时用户注销，您都应该注销 service worker

navigator.serviceWorker.getRegistrations().then(function (registrations) {
  angular.forEach(registrations, function (registration) {
    registration.unregister();
      });
});

希望这对你有用。

关于javascript - 如何在注销时注销 FCM 设备 token 和服务 worker 以及如何重新初始化 Firebase 应用程序？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/43402890/