Guía de instalación PWA
¿Qué es una PWA?
Una PWA (Progressive Web App) es una aplicación web que se comporta como una aplicación nativa. Se puede instalar en el dispositivo, funciona sin conexión a Internet, y puede acceder a características del sistema como notificaciones.
¿Cómo instalar una PWA?
En el móvil (Android)
- Abre la página web de la PWA en Chrome
- Aparecerá un banner o notificación que dice “Instalar aplicación”
- Toca Instalar
- La aplicación se añadirá a tu pantalla de inicio con su propio icono
También puedes hacerlo manualmente:
- Toca los tres puntos (menú) en Chrome
- Selecciona Instalar aplicación
- Confirma la instalación
En el móvil (iOS)
- Abre la página web en Safari
- Toca el botón Compartir (el cuadrado con la flecha hacia arriba)
- Desplázate hacia abajo y selecciona Agregar a pantalla de inicio
- Ponle el nombre que quieras y toca Agregar
En el ordenador
- Abre la página web en Chrome, Edge o Brave
- Busca el icono de instalación en la barra de direcciones (un monitor con una flecha)
- Haz clic en Instalar
- La PWA se abrirá en su propia ventana sin la interfaz del navegador
Beneficios de las PWAs
| Beneficio | Explicación |
|---|---|
| Sin necesidad de tienda | No requieren Google Play ni App Store — se instalan directamente desde el navegador |
| Offline-first | Funcionan sin conexión a Internet gracias al Service Worker |
| Ligeras | Ocupan muy poco espacio comparadas con apps nativas |
| Actualización automática | Siempre tienen la última versión al cargar |
| Multiplataforma | Funcionan en Android, iOS, Windows y Mac con el mismo código |
| Seguras | Se sirven siempre por HTTPS, las conexiones son cifradas |
| Velocidad | Carga instantánea gracias al caché inteligente |
| Icono en pantalla de inicio | Se ven y se sienten como apps nativas |
Requisitos técnicos
Para que una web sea instalable como PWA necesita:
- Service Worker — un script que gestiona el caché y el funcionamiento offline
- Manifest JSON — archivo que define el nombre, iconos y configuración de la app
- HTTPS — conexión segura obligatoria para los Service Workers
Todos los proyectos PWA de este sitio cumplen con estos requisitos.