Я пытаюсь убедиться, что смогу получить токен устройства fcm из firebase всякий раз, когда я запрашиваю его через messaging.getToken ().Хотя у меня возникает проблема с постоянным получением токена в Google Chrome, он работает с перебоями.
Когда я тестирую получение токена устройства FCM при обновлении страницы в Firefox, он работает каждый раз без сбоев, и я получаютокен в моей функции обратного вызова.
С другой стороны, с Google Chrome, это совершенно другая история, мне удается только получить токен периодически.Мой код перестает работать в точке, где я печатаю в консоли «Разрешение на уведомление предоставлено».Нет сообщений об ошибках из блока catch.
После дальнейшего изучения я обнаружил, что функция messaging.getToken () не возвращает токен, т. Е. Он не определен, опять же, это происходит только при использовании Google Chrome.
Я также пытался сделать это в браузере Brave, поведение аналогично Google Chrome, за исключением Google Chrome, когда я вставляю в консоль следующий код:
if(token){
console.log("value of token is:", token)
}
else
{
console.log("value of token is:", token);
}
});
itна самом деле печатает токен, в то время как Храбрый нет.Тогда, конечно, 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: "AIzaSyAuTwe4msvCy_UcPHy_ut6CGkJjg0trm9s",
authDomain: "loyalty-app-c011b.firebaseapp.com",
messagingSenderId: "600104612393",
};
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));
});