En @firebase/firestore: Firestore (6.2.2)
El timestampsInSnapshots ya viene por default true ya no es necesario agregarlo bros!
Bienvenida e Introducción
Qué aprenderas sobre Firebase para web
¿Qué es Firebase?
El proyecto que crearás
Consola Web de Administración
Consola de administración
Configuración de Firebase en el proyecto
Autenticación de Usuarios
Servicios de autenticación y configuración de usuarios
Habilitar en la consola los servicios de autenticación por email y Google
Probar creación de usuario y autenticación
Servicios de autenticación con google
Firebase Web Login con Facebook
Gestionando el estado del usuario
Gestión de usuarios
Exportación e importación de usuarios
Gestión de la Base de Datos
Firestore
Firebase Realtime Database vs Firestore
Configuración de Firestore al proyecto
Desarrollando la inserción de datos
Consultas en real time
Realizando inserciones, consultas compuestas, límites y ordenamiento
Reglas de seguridad
Índices
Almacenamiento de archivos
Almacenamiento de Archivos en Firebase
Subiendo archivos de nuestro blog
Reglas de seguridad para el almacenamiento
Hosting
Qué nos brinda el Hosting de Firebase
Desplegando la app al hosting
Redirects, rewrites y headers
Notificaciones Push
Qué son las notificaciones en Firebase y cómo es su arquitectura
Implementando las notificaciones en el proyecto
Agregar funciones para recibir las notificaciones
Probando las notificaciones desde la aplicación
Conclusiones
Conclusiones
No tienes acceso a esta clase
¡Continúa aprendiendo! Únete y comienza a potenciar tu carrera
Si ya tienes una cuenta,
Convierte tus certificados en títulos universitarios en USA
Antes: $249
$209
Paga en 4 cuotas sin intereses
Termina en:
18 Días
10 Hrs
57 Min
28 Seg
Implementando las notificaciones en el proyecto
29/32Recursos
Aportes 14
Preguntas 2
Ordenar por:
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?
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.
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 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
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(‘notificaciones-sw.js’)
.then(registro => {
console.log(‘service 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.
Muy instructivo para tener una idea como iniciar en firebase ,recalco que tambien funciona para proyectos personales.
¿Quieres ver más aportes, preguntas y respuestas de la comunidad?