¿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 las usen.

La mayoría de los usuarios están familiarizados con 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 iOS y Android. Las aplicaciones instaladas también se muestran en el selector de actividades, en los motores de búsqueda del dispositivo, como Spotlight y en las hojas de uso compartido de 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. Los indicadores de ejemplo incluyen un botón Instalar en la barra de direcciones o un elemento de menú Instalar en el menú ampliado.

Captura de pantalla del cuadro multifunción con el indicador de instalación visible.
Promoción de instalación proporcionada por el navegador (computadoras de escritorio)
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 cumplen 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 en ella.

Criterios de instalación

En Chrome, tu app web progresiva debe cumplir con los siguientes criterios para que pueda activar el evento beforeinstallprompt y mostrar la promoción de instalación en el navegador:

  • La aplicación web aún no está instalada
  • Cumple con la heurística de participación de los usuarios:
    • El usuario debe haber hecho clic o presionado en la página al menos una vez (en cualquier momento, incluso durante la carga de una página anterior).
    • El usuario debe haber pasado, al menos, 30 segundos visualizando la página (en cualquier momento).
  • Ser entregados a través de HTTPS
  • Incluye un manifiesto de aplicación 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 o minimal-ui.
    • prefer_related_applications no debe estar presente o ser false

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