firebase.messaging.getToken()在Google Chrome上无法正常工作

Question

我试图确保每当我通过messaging.getToken((请求一个时，我将能够从firebase获取FCM设备令牌。尽管我遇到了一个问题，在Google Chrome上不断检索令牌，但它间歇性地工作。

当我测试在Firefox上获得FCM设备令牌时，它每次都可以使用失败，并且我在回调功能中收到一个令牌。

另一方面，与Google Chrome一起，这是一个完全不同的故事，我只能间歇性地收到一个令牌。我的代码停止在我在控制台"通知许可"中打印的点"授予"。没有来自捕获块的错误消息。

在进行进一步调查后，我发现函数消息传递。getToken((不会返回令牌，即它是不确定的，再次，这仅在我使用Google Chrome时才发生。

我还尝试在勇敢的浏览器中执行此操作，该行为类似于Google Chrome的行为，除了使用Google Chrome，当我将以下代码粘贴到控制台中时：

if(token){
console.log("value of token is:", token)
}
else
{
console.log("value of token is:", token);
}
});

它实际上打印了令牌，而勇敢的则没有。当然，IE和Safari不支持Firebase消息

代码

firebase-init.js：

var firebaseConfig = {
     apiKey: "api-key-here",
     authDomain: "domain-here",
     databaseURL: "data-base-url-here",
     projectId: "project-id",
     storageBucket: "storage-bucket",
     messagingSenderId: "sender-id-here",
     appId: "app-id-here"
 };
 console.log(firebase);
 firebase.initializeApp(firebaseConfig);
 const messaging = firebase.messaging();
 
 // Request for permission
         Notification.requestPermission()
             .then((permission) => {
                
                
                 console.log('Notification permission granted.');
                 console.log(permission);
             //code stops running here on google chrome
             messaging.getToken()
                     .then((currentToken) => {
                         if (currentToken) {
                             console.log('Token: ' + currentToken);
                             sendTokenToServer(currentToken);
                             var data = { newToken: currentToken };
                             var url = "/Account/UpdateFirebaseToken";
                             $.ajax({
                                 url: url,
                                 type: "POST",
                                 data: JSON.stringify(data),
                                 dataType: "text",
                                 processData: false,
                                 contentType: "application/json; charset=utf-8",
                                 success: function (data, status, jqXHR) {
                                     console.log("successfully retrieved token:", data, status, jqXHR);
                                 },
                                 error: function (jqXHR, status, err) {
                                     console.log(err);
                                 },
                                 complete: function (jqXHR, status) {
                                     console.log("request complete");
                                 }
                             });
                         } else {
                              //doesn't reach here
                             console.log('No Instance ID token available. Request permission to generate one.');
                             setTokenSentToServer(false);
                         }
                     })
                     .catch(function (err) {
                         //doesn't reach here either
                         console.log('An error occurred while retrieving token. ', err);
                         setTokenSentToServer(false);
                     });
             })
             .catch(function (err) {
                 console.log('Unable to get permission to notify.', err);
             });
    //});

firebase-messaging-sw.js：

importScripts('https://www.gstatic.com/firebasejs/6.2.3/firebase-app.js');
importScripts('https://www.gstatic.com/firebasejs/6.2.3/firebase-messaging.js');
var config = {
    apiKey: "api-key-here",
    authDomain: "auth-domain-here",
    messagingSenderId: "sender-id",
};
firebase.initializeApp(config);
var messaging = firebase.messaging();
messaging.setBackgroundMessageHandler(function (payload) {
    var dataFromServer = JSON.parse(payload.data.notification);
    var notificationTitle = dataFromServer.title;
    var notificationOptions = {
        body: dataFromServer.body,
        icon: dataFromServer.icon,
        data: {
            url: dataFromServer.url
        }
    };
    return self.registration.showNotification(notificationTitle, notificationOptions);
});
self.addEventListener("notificationclick", function (event) {
    var urlToRedirect = event.notification.data.url;
    event.notification.close();
    event.waitUntil(self.clients.openWindow(urlToRedirect));
});

Answer 1

删除以下脚本标签：

<script src="https://cdn.jsdelivr.net/npm/promise-polyfill"></script>

来自我的_layout.cshtml解决了问题。

我不确定该脚本如何干扰承诺，但是如果有人可以向我解释，我将非常感谢。

Answer 2

它似乎与indexedDB有关(这是调试时悬挂的地方 火箱代码(。

我遇到了您所做的完全相同的问题，尽管我正在通过WebPack构建注入Promise-Polyfill。您的帖子使我可以修复几个星期让我生气的东西。

我仅在不存在window.Promise的情况下仅应用polyfill解决了我的特定问题