Quiero que mi sitio solo permita al usuario pasar a la página siguiente si aceptó la solicitud de notificación y su token ya está cargado en Firestore. Parece que no puedo averiguar cómo hacerlo correctamente.

Este es mi código para pedir permiso y cargar el token:

 const messaging = firebase.messaging(); function InitializeFirebaseMessaging(){ messaging.requestPermission().then(function(){ console.log("Notification permission"); return messaging.getToken(); }).then(function(token){ console.log("Token: "+token); firestore.collection("tokens").doc(auth.currentUser.email).set({ mail: auth.currentUser.email, token: token }).then(function(){ perm=true; }); }).catch(function (reason){ console.log(reason); }); } messaging.onMessage(function (payload){ console.log(payload); }); messaging.onTokenRefresh(function () { messaging.getToken() .then(function (newtoken) { console.log("New Token : "+ newtoken); }) .catch(function (reason) { console.log(reason); }) });

Este es un fragmento de código que uso para verificar si hay un token guardado Y si el navegador actual/aplicación pwa aceptó las notificaciones.

 function ChatRoom(){ .... InitializeFirebaseMessaging(); ....... firestore.collection("tokens").doc(auth.currentUser.email).get().then((da)=> { console.log("tokentest: " + da.data().token); if (da.data().token!=null&&perm){ console.log("here??"); setSelfToken(true); } }); }

Cuando intento iniciar sesión, no pasa a la página siguiente, incluso si acepté las notificaciones. El token no se carga en Firestore y sigo recibiendo este error:

DOMException: registro fallido - error de servicio push

¿Alguna idea de cómo podría solucionarlo? Los usuarios deben aceptar las notificaciones y sus tokens guardados deben guardarse/actualizarse.