¿Qué se necesita para que se pueda instalar?

Pete LePage

Las apps web progresivas (AWP) son aplicaciones modernas y de alta calidad creadas con tecnología web. Las AWP ofrecen capacidades similares a las de las apps para dispositivos móviles y computadoras, son confiables incluso en condiciones de red inestables y se pueden instalar, lo que facilita que los usuarios las encuentren y usen.

La mayoría de los usuarios saben cómo instalar aplicaciones y conocen los beneficios de una experiencia instalada. Las aplicaciones instaladas aparecen en las plataformas de inicio del sistema operativo, como la carpeta Aplicaciones en macOS X, el menú Inicio en Windows y la pantalla principal en Android y iOS. Las aplicaciones instaladas también aparecen en el selector de actividades, los motores de búsqueda del dispositivo, como Spotlight, y en las hojas para compartir contenido.

La mayoría de los navegadores indican al usuario que tu app web progresiva (AWP) se puede instalar cuando cumple con ciertos criterios. Entre los indicadores de ejemplo, se incluyen un botón de instalación en la barra de direcciones o un elemento de menú de instalación en el menú de desbordamiento.

Promoción de instalación proporcionada por el navegador (computadoras)
Promoción de instalación proporcionada por el navegador (dispositivos móviles)

Además, cuando se cumplen los criterios, muchos navegadores activarán un evento beforeinstallprompt, lo que te permitirá proporcionar una UX personalizada en la aplicación que activará el flujo de instalación dentro de tu aplicación.

Criterios de instalación

En Chrome, tu app web progresiva debe cumplir con los siguientes criterios antes de que se active el evento beforeinstallprompt y se muestre la promoción de instalación en el navegador:

  • La app web aún no está instalada.
  • Cumple con la heurística de participación del usuario:
    • El usuario debe haber hecho clic o presionado la página al menos una vez, en cualquier momento, incluso durante una carga de página anterior.
    • El usuario debe haber dedicado al menos 30 segundos a ver la página en cualquier momento.
  • Se debe publicar a través de HTTPS.
  • Incluye un manifiesto de la app web que incluye lo siguiente:
    • short_name o name
    • icons: Debe incluir un ícono de 192 px y otro de 512 px.
    • start_url
    • display: Debe ser uno de fullscreen, standalone, minimal-ui o window-controls-overlay.
    • prefer_related_applications no debe estar presente o debe ser false

Otros navegadores tienen criterios similares para la instalación, aunque puede haber diferencias menores. Consulta los sitios correspondientes para obtener todos los detalles: