Implementación de Notificaciones Push con Firebase en Blogs

¿Cómo probar notificaciones en nuestro blog usando Firebase?

El despliegue de notificaciones en un blog es un proceso detallado que combina cambios de código, instalaciones en Firebase y configuraciones de base de datos. Aquí aprenderás a implementar notificaciones para tu blog, utilizando el hosting de Firebase.

¿Qué cambios realizar en el código?

Para comenzar, debes modificar tu código para imprimir el token que genera el navegador cuando solicita permiso para notificaciones. Este token es esencial para enviar notificaciones a usuarios específicos:

console.log('Token:', token);

Asegúrate de que los nombres y variables del código estén correctos y bien escritos para prevenir errores.

¿Cómo desplegar la app en Firebase?

Antes de probar el sistema de notificaciones, primero debes desplegar tu aplicación en Firebase. Ejecuta los siguientes comandos en tu terminal para subir tu código y verificarlo en el hosting de Firebase:

firebase deploy

Una vez desplegado, abre la URL proporcionada para interactuar con tu blog y verificar que todo esté funcionando correctamente.

¿Cómo configurar el service worker y los permisos?

Cuando el usuario visita tu blog, necesita dar permisos para recibir notificaciones. El service worker debe estar registrado y corriendo correctamente:

1. Verifica que el service worker esté registrado en la pestaña "Application" de las herramientas de desarrollo del navegador.
2. Asegúrate de que el archivo manifest.json también está siendo cargado adecuadamente.

¿Qué hacer ante errores de base de datos y permisos?

Es común enfrentar problemas de permisos al intentar guardar el token generado en Firestore. Esto puede ser resultado de las reglas de seguridad del Firestore:

1. Revisar las reglas: Puedes modificar las reglas para permitir la escritura de tokens incluso si los usuarios no están autenticados. Aquí un ejemplo de regla:

   match /tokens/{document=**} {
       allow read, write: if true;
   }
   

2. Actualizar y verificar: Una vez ajustadas las reglas, actualiza tu aplicación y verifica que el token se guarde correctamente en Firestore, en la colección tokens.

¿Cómo funcionan las funciones en Firebase?

Cuando se registra un nuevo token, una función en Firebase se activará y registrará este token a un tópico llamado nuevo POS. Las funciones en Firebase son fundamentales para gestionar eventos como:

• Registro de tokens a tópicos.
• Envío de notificaciones al crearse un nuevo post en el blog.

Despues de ajustar, deberás desplegar las funciones al servidor con:

firebase deploy --only functions

¿Cómo probar notificaciones en background?

Usar herramientas como Postman te permite simular la inserción de datos y ver cómo se comportan las notificaciones en segundo plano:

1. Configura el API: Utiliza la URL fcm.googleapis.com y realiza un post con los detalles del mensaje.
2. Claves de servidor: Las credenciales son fundamentales para enviar notificaciones y puedes obtenerlas desde la consola de Firebase en la sección "mensajería en la nube".
3. Prueba de notificaciones: Realiza un post para enviar un mensaje al token registrado y verifica mediante un screenshot o notificación directa en el dispositivo del usuario que las notificaciones aparecen correctamente.

¿Qué sigue tras haber configurado las notificaciones?

Experimenta con notificaciones cuando se crean comentarios en tu blog. Establece un nuevo tópico para administradores y envía notificaciones cada vez que se publique un comentario. Este es un reto adicional para que sigas profundizando en tus conocimientos adquiridos.