¿Qué se necesita para que se pueda instalar?

Pete LePage

Las apps web progresivas (AWP) son aplicaciones modernas y de alta calidad compiladas con tecnología web. Las AWP ofrecen capacidades similares a las de las apps para iOS, Android y computadoras de escritorio, 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 conocen la instalación de aplicaciones y los beneficios de una experiencia instalada. Las aplicaciones instaladas aparecen en las plataformas de inicio del sistema operativo, como la carpeta Aplicaciones en Mac OS X, el menú Inicio en Windows y la pantalla principal en Android y iOS. Las aplicaciones instaladas también se muestran en el selector de actividades, en los motores de búsqueda de dispositivos, como Spotlight y en las hojas para compartir contenido.

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

Captura de pantalla de la barra omni con el indicador de instalación visible.
Promoción de instalación proporcionada por el navegador (computadoras)
Captura de pantalla de la promoción de instalación proporcionada por el navegador.
Promoción de instalación proporcionada por el navegador (dispositivos móviles)

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

Criterios de instalación

En Chrome, tu app web progresiva debe cumplir con los siguientes criterios para 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 las heurísticas de participación del usuario:
    • El usuario debe hacer clic en la página o presionarla al menos una vez (en cualquier momento, incluso durante la carga anterior de una página).
    • El usuario debe haber pasado al menos 30 segundos en la página (en cualquier momento).
  • Se entrega a través de HTTPS
  • Incluye un manifiesto de app web que incluye lo siguiente:
    • short_name o name
    • icons: Debe incluir un ícono de 192 px y uno de 512 px.
    • start_url
    • display: Debe ser 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: