Question

Firebase 消息传递错误：在获取令牌之前使用服务工作者

2018-03-07

5332

javascript firebase firebase-cloud-messaging

我正在尝试将 FCM 与 angularjs 结合使用，因此在初始化 firebase 后，我编写了以下代码：

messaging = firebase.messaging();
$window.navigator.serviceWorker.register($rootScope.app.base_url + '/app/lib/firebaseCustomWorker.js')
.then(function(registration) {
    messaging.useServiceWorker(registration);
    messaging.requestPermission().then(function(){  
    messaging.getToken()
    .then(function(currentToken) {
        console.log(currentToken);
    })
    .catch(function(err) {
        console.log('An error occurred while retrieving token. ', err);
    });
}).catch(function(err){console.log(err)});

问题是最后一行有时会捕获一个错误，该错误出现在控制台中，代码为 “messaging/use-sw-before-get-token” ，消息为：

FirebaseError: Messaging: You must call useServiceWorker() before calling getToken() to ensure your service worker is used. (messaging/use-sw-before-get-token).

正如您在上面的代码中看到的那样，我只在调用 useServiceWorker() 之后和 requestPermission() 之后调用 getToken()

我深入研究了第 35 行的原始 firebase-messaging.js 文件，但不幸的是，我不知道为什么会发生这种情况

Answer 1

我知道这可能很疯狂并且会适得其反，但它确实有效。

 .
 .
 .
 if('undefined' !== typeof messaging.b )
      delete(messaging.b);
 messaging.useServiceWorker(registration);
 .
 .
 .

受到阅读 firebase-messaging.js 的启发

Answer 2

我有一个与您的答案类似的疯狂想法：

if (!firebase.apps[0]) {
    firebase.initializeApp(config);
}

我发现使用 firebase.initializeApp(config) 比 navigator.serviceWorker.register 更好。它可以多次调用，而不必担心是否已加载服务工作线程。只需将其放在应用的每个页面上：

var config = {
    apiKey: "...",
    authDomain: "...",
    databaseURL: "...",
    projectId: "...",
    storageBucket: "...",
    messagingSenderId: "..."
}

firebase.initializeApp(config);

Answer 3

尝试使用新版本的 firebase https://firebase.google.com/docs/reference/js/firebase.messaging.Messaging#gettoken

 messaging.getToken({
                        serviceWorkerRegistration: registration,
                        vapidKey: keyPair
                    }).then((currentToken) => {
                        if (currentToken) {
                            console.log(currentToken)
                        } else {
                            // Show permission request UI
                            console.log('No registration token available. Request permission to generate one.');
                        }
                    }).catch((err) => {
                        console.log('An error occurred while retrieving token. ', err);
                    });