Configurar Notificaciones Push
¿Por qué Notificaciones?
Las observaciones deben hacerse en momentos específicos. Sin notificaciones, tendrías que estar revisando constantemente el calendario. Las alertas push te avisan automáticamente cuando es momento de observar.
Ejemplo de notificación
Momento de Observación
Puesto: Ensamblador A - 10:34
Toca para registrar
Activar Notificaciones
- Busca el icono de campana 🔔 en el header
- Haz clic en él
- El navegador mostrará un diálogo pidiendo permiso
- Selecciona "Permitir"
Desactivadas
Activadas
Funcionamiento
Una vez activadas:
- Recibirás una notificación en el momento exacto de cada observación
- Funcionan con la app en segundo plano, sin la pestaña abierta e incluso con el navegador cerrado
- En móvil, aparecerán como notificaciones del sistema
- Al tocar la notificación, se abre la app en el formulario de registro correspondiente
- El envío se programa desde el servidor (Cloud Functions) cada minuto y se entrega con una ventana de tres minutos respecto a la hora programada
✅ Funciona con el navegador cerrado
Tu navegador queda suscrito al servicio de Web Push del proyecto. Cuando la Cloud Function envía el aviso, el sistema operativo despierta el service worker y muestra la notificación aunque hayas cerrado la pestaña o reiniciado el equipo. En Safari (iOS 16.4+) hace falta tener la PWA añadida a la pantalla de inicio.
Compatibilidad
| Plataforma | Estado | Notas |
|---|---|---|
| Chrome Android | ✅ Funciona | Mejor experiencia |
| Chrome Windows/Mac | ✅ Funciona | Notificaciones del sistema |
| Firefox | ✅ Funciona | Todas las plataformas |
| Safari iOS | ⚠️ Parcial | Solo iOS 16.4+ y PWA instalada |
| Safari Mac | ✅ Funciona | macOS Ventura+ |
⚠️ iOS (iPhone/iPad)
En iPhone, las notificaciones solo funcionan si:
- • Tienes iOS 16.4 o superior
- • La app está instalada (añadida a pantalla de inicio)
- • Abriste Safari primero, no otro navegador
Solución de Problemas
No me llegan las notificaciones
- Verifica que el icono de campana esté activado (no tachado)
- Comprueba los permisos de notificaciones en tu navegador/dispositivo
- Asegúrate de no estar en modo "No Molestar"
- En Android, revisa que la app no esté siendo optimizada por batería
Las notificaciones llegan tarde
Algunos dispositivos retrasan las notificaciones para ahorrar batería. Soluciones:
- Excluye Chrome de la optimización de batería
- Mantén la app "fijada" en recientes
- Activa "Datos en segundo plano" si está disponible
Desactivar Notificaciones
Si quieres pausar las notificaciones temporalmente:
- Haz clic en el icono de campana
- El icono cambiará a campana tachada 🔕
- No recibirás alertas hasta que las reactives
🎯 Siguiente Paso
¡Todo listo! Ahora aprenderemos a registrar observacionescuando llegue el momento.