← Volver al taller
Entre bastidores

pwa-kit

Una pequeña pieza que ayuda a las aplicaciones web a funcionar sin conexión y mantenerse actualizadas.

pwa-kit

Sobre el proyecto

El mecanismo de actualización del Bitey, generalizado: un PWA que se actualiza solo y lo dice después, en lugar de pedir un permiso que no necesita.

Copiar sw.js y pwa-update.js en la raíz web de una aplicación y conéctelos. No hay pasos de compilación, ni paquetes ni dependencias, y ese es el punto: estas aplicaciones son directorios estáticos.

Un nuevo trabajador de servicio se instala y activa inmediatamente sin esperar a que se cierren las pestañas. Cada ventana abierta completa de forma segura el trabajo actual antes de recargarlo sin problemas a la última versión.

Galería

Funciones

  • ⚡ Activación Inmediata: Los nuevos trabajadores se instalan y toman el control sin que los trabajadores obsoletos permanezcan durante días en las pestañas abiertas del navegador.
  • 🛡️ Protección laboral no guardada (isBusy): El trabajador pregunta en lugar de navegar ciegamente; las páginas posponen las recargas hasta que las ediciones pendientes o los estados de los formularios se resuelvan de forma segura.
  • 🌐 Frescura primero en la red: Las solicitudes en línea siempre ganan para garantizar que los cambios implementados entren en vigor en la próxima recarga y vuelvan a la caché cuando estén fuera de línea.
  • 🔔 Notificaciones de almacenamiento de sesión limpia: Evita cadenas de consulta de URL contaminadas con indicadores de actualización, informando a los usuarios de forma clara a través de notificaciones dentro de la aplicación.
  • 🚨 Trampilla de escape de caché incorporada: Incluye un mecanismo de cancelación de registro de emergencia y de eliminación de caché para clientes bloqueados.