Si estás construyendo una app React Native CLI y quieres integrar notificaciones push de Firebase en Android, esta guía te explica paso a paso el proceso que seguí en un proyecto real, desde la creación del proyecto en Firebase hasta el manejo de notificaciones en primer plano, segundo plano y estado cerrado con Notifee.
1. Crear un proyecto en Firebase: Accede a la consola de Firebase y crea un nuevo proyecto. Registra tu aplicación Android con el nombre de paquete correcto, por ejemplo com.tuapp. Descarga el archivo google-services.json y colócalo en la carpeta android/app/google-services.json de tu proyecto.
2. Integración del SDK de Firebase en Android: Modifica los archivos Gradle de tu proyecto para añadir el plugin y las dependencias de Google Services y Firebase. Asegúrate de usar versiones actuales del plugin de Google Services y del Firebase BOM en android/build.gradle y android/app/build.gradle. También añade la dependencia de analytics si la necesitas.
3. Instalar paquetes de Firebase: Desde la raíz del proyecto instala las librerías necesarias con npm o yarn. Ejemplo con npm: npm install --save @react-native-firebase/app npm install --save @react-native-firebase/messaging Luego recompila la app con npx react-native run-android.
4. Solicitar permiso de notificaciones en Android 13 y superiores: Android 13 introduce permiso en tiempo de ejecución para mostrar notificaciones. Pide permiso al usuario al iniciar la app y gestiona la respuesta para ofrecer una experiencia correcta en dispositivos recientes.
5. Obtener el token FCM: El token FCM identifica de forma única el dispositivo. Con la librería de messaging puedes solicitar el token y registrarlo en tu backend o usarlo para pruebas desde Postman.
6. Manejar notificaciones en primer plano: Cuando la app está en primer plano, intercepta los mensajes entrantes y muestra una alerta o, mejor aún, genera una notificación local para que el usuario reciba una experiencia coherente con las notificaciones en segundo plano.
7. Configurar Notifee para mostrar notificaciones en primer plano: Notifee permite un control avanzado del aspecto y comportamiento de las notificaciones en Android. Instala Notifee con npm install --save @notifee/react-native y crea un canal de notificación para mostrar título, cuerpo y acciones personalizadas cuando la app está abierta.
8. Mensajes en segundo plano y cuando la app está cerrada: Registra un manejador de mensajes en segundo plano en index.js usando messaging().setBackgroundMessageHandler para procesar y registrar la notificación incluso si la app está en segundo plano o ha sido terminada por el sistema.
9. Enviar notificaciones con Postman o con la API de FCM: Para pruebas puedes usar un token de cuenta de servicio y llamar al endpoint POST https://fcm.googleapis.com/v1/projects/tu-proyecto/messages:send pasando en el cuerpo el token del dispositivo y la payload de notificación. Esto permite verificar recepción en primer plano, segundo plano y estado cerrado.
Consejos prácticos: Usa Notifee para un control más fino del diseño y las acciones de las notificaciones. Prueba tanto en emulador como en dispositivos físicos. Verifica que AndroidManifest.xml incluya los servicios y permisos necesarios. Implementa lógica para refrescar y almacenar el token FCM cuando cambie.
Sobre Q2BSTUDIO: En Q2BSTUDIO somos una empresa de desarrollo de software especializada en aplicaciones a medida y software a medida, con experiencia en inteligencia artificial, ciberseguridad y servicios cloud. Si necesitas una solución móvil con notificaciones push integradas, podemos ayudarte a diseñar e implementar la arquitectura completa, desde la capa backend que envía las notificaciones hasta la app Android que las recibe. Conoce nuestros servicios de desarrollo y apps en desarrollo de aplicaciones a medida y descubre cómo aplicamos la inteligencia artificial para empresas para mejorar la interacción y la personalización de las notificaciones.
Palabras clave y servicios: En Q2BSTUDIO trabajamos en proyectos de aplicaciones a medida, software a medida, inteligencia artificial, ciberseguridad, servicios cloud aws y azure, servicios de inteligencia de negocio, ia para empresas, agentes IA y Power BI. Ofrecemos integración end to end, pentesting, optimización de despliegues en la nube y soluciones de Business Intelligence para medir el impacto de las comunicaciones push y optimizar la retención.
Resumen: Integrar notificaciones push con Firebase en una app React Native CLI para Android implica configurar Firebase, añadir las dependencias, solicitar permisos en Android 13, obtener el token FCM, manejar mensajes en primer plano con Notifee y gestionar mensajes en segundo plano desde index.js. Si buscas soporte profesional para llevar esto a producción con buenas prácticas de seguridad y escalabilidad, en Q2BSTUDIO podemos acompañarte en todo el proceso.
Si quieres que implementemos una solución a medida o que evaluemos tu arquitectura actual para mejorar la entrega de notificaciones, contáctanos y te proponemos una hoja de ruta técnica y de negocio adaptada a tus objetivos.
