No tienes acceso a esta clase

隆Contin煤a aprendiendo! 脷nete y comienza a potenciar tu carrera

Curso de Firebase 5 para Web

Curso de Firebase 5 para Web

Juan Guillermo G贸mez Torres

Juan Guillermo G贸mez Torres

Implementando las notificaciones en el proyecto

29/32
Recursos

Aportes 13

Preguntas 2

Ordenar por:

驴Quieres ver m谩s aportes, preguntas y respuestas de la comunidad?

o inicia sesi贸n.

En @firebase/firestore: Firestore (6.2.2)
El timestampsInSnapshots ya viene por default true ya no es necesario agregarlo bros!

Si alguien le sale error de permisos para guardar en la base de datos el token, lo solucion茅 agregando la regla:

 match /tokens/{doc}{
    allow write, read : if true;
    }

驴el gcm_sender_id puede ser cualquier numero? 驴O lo podemos obtener desde la consola de Firebase?

En el archivo manifest.json ese numero de donde se lo obtiene?

Hola, aqui les dejo el script de messaging, espero les ayude:

<script src=鈥https://www.gstatic.com/firebasejs/6.2.0/firebase-messaging.js鈥></script>

Hoy en d铆a, en 2022, el c贸digo que el profesor utiliz贸 en esta clase no sirve. De hecho si tu escribes esas funciones que el saco del objeto de messaging, VScode (y me imagino que webstorm tambi茅n), te indican que el c贸digo est谩 deprecated. Osea que ya no funciona porque el API cambi贸. El c贸digo que funciona ahora lo tienen en la documentaci贸n oficial de Firebase Messaging, que te dice 聽c贸mo hacerlo.

https://firebase.google.com/docs/cloud-messaging/js/client

En mi caso yo uso nextjs 聽y tuve que investigar como crear el archivo de service worker y manifiesto, ambos se escriben en la carpeta p煤blica de Nextjs que es donde el framework guarda los archivos est谩ticos como im谩genes, scripts y otras cosas. En el caso del manifiesto, se debe hacer referencia con el tag <link> y eso se hace dentro del <Head> de Nextjs. Esto es porque el framework no permite toca directamente el <head></head>, sino que tiene herramientas que te ayudan a extender c贸digo hacia el head (en el curso de nextjs, se explica mejor esto).

Aqu铆 pueden ver informaci贸n sobre el manifest.json y Nextjs
https://melvingeorge.me/blog/nextjs-pwa

y aqu铆 les dejo mi commit de mi pr谩ctica con Nexjts.

https://github.com/jlbousing/nextjs-firebase-practica/commit/5d2168727492c57341c968031eb1bcd61cf94f54

Practicamente lo que hicimos fue crear un service worker en el navegador y vincularlo a firebase.

Luego pedimos permiso al usuario para obtener su token y lo guardamos en nuestra base de datos en caso de que nos haya dado el permiso.

El orden del v铆deo est谩 mal, primero va este v铆deo que el anterior.

ese script es un poco largo pero esta bien ordenado.

Para los que toman los datos del archivo
navigator.serviceWorker
.register(鈥榥otificaciones-sw.js鈥)
.then(registro => {
console.log(鈥榮ervice worker registrado鈥)
firebase.messaging().useServiceWorker(registro)
})
Esta escrito en lo enlaces como nottificaciones-sw-js y esto puede hacer que en el proximo capitulo no les funcione el proyecto

El orden del v铆deo est谩 mal, primero va este v铆deo que el anterior.

js trabaja de forma async o solo son las librerias de firebase o solo es impresion mia.

hoy descubr铆 que hay que validar si el navegador es compatible con firebase messagin antes, si no en IOS se bloquea la pagina o la app la deja en blanco