Google trae la nueva interfaz de usuario de instalación de PWA a Chrome para Android
Una aplicación web progresiva es básicamente la versión ligera de una aplicación completa real. Si instala estas aplicaciones en Chrome para Android, sus futuras instalaciones de aplicaciones de PWA se asemejarán a las instalaciones de aplicaciones nativas.
Esto se debe a que Google está implementando una nueva interfaz de usuario de instalación de PWA que se parece mucho a la interfaz de usuario de Play Store.
Instalaciones actuales de PWA en Chrome
Actualmente, si abre un sitio compatible en Chrome en Android, aparece un pequeño banner en la parte inferior que le pide que agregue la aplicación a la pantalla de inicio. Así es como instalas actualmente aplicaciones web progresivas en Chrome en Android.
Esta interfaz de usuario de instalación no se ve ni se siente como la interfaz de usuario de instalación de la aplicación nativa.
La nueva interfaz de usuario de instalación de PWA en Chrome para Android
Como lo anunciaron los desarrolladores de Chrome en Twitter, Google está trayendo una interfaz de usuario de instalación más rica para aplicaciones web progresivas a Chrome en Android.
A partir de hoy en Android, algunos usuarios obtendrán un cuadro de diálogo de instalación de PWA más completo en Twitter.
– ¿Quiere lo mismo para su PWA?
– Fácil. Agrega el miembro `description` y` screenshots` a tu manifiesto y listo.Lea https://t.co/dBVxQmQMcU más para obtener más detalles pic.twitter.com/h8Sczroz4L
– Desarrolladores de Chrome (@ChromiumDev) 29 de marzo de 2021
Esta interfaz de usuario se parece mucho a lo que ves en la tienda oficial de Google Play. Está el nombre de la aplicación, una pequeña descripción, algunas capturas de pantalla e incluso un botón Instalar.
Cómo se ve la nueva interfaz de usuario de PWA
Dado que esta nueva interfaz de usuario acaba de implementarse, no hay muchas aplicaciones que utilicen esta nueva interfaz de usuario. Twitter es el primero en utilizar esta interfaz de instalación para su aplicación web progresiva.
En esta nueva interfaz de usuario de instalación, ahora tiene una pequeña descripción de la aplicación, algunas capturas de pantalla de la aplicación que está a punto de instalar y un botón Instalar en la parte superior derecha del mensaje.
Al tocar este botón, se instala la PWA en su teléfono; esto le da casi la misma sensación que si estuviera instalando una aplicación de Play Store.
Cómo utilizar la nueva interfaz de usuario para su aplicación
Si es un desarrollador, debe agregar dos miembros a su manifiesto para utilizar esta nueva interfaz de usuario de instalación. Agregue miembros de descripción y capturas de pantalla a su archivo de manifiesto, y Chrome para Android usará la nueva interfaz de usuario para la instalación progresiva de su aplicación web.
Tenga en cuenta lo siguiente al agregar imágenes a su aplicación:
- La anchura y la altura de las imágenes deben ser de al menos 320 px y como máximo de 3840 px.
- Tus capturas de pantalla deben tener la misma relación de aspecto.
- Sus capturas de pantalla deben usar formato de archivo JPG o PNG.
- La dimensión máxima no puede ser dos veces mayor que la dimensión mínima.
Después de realizar los cambios necesarios en su archivo, la instalación progresiva de la aplicación web se parecerá mucho a la instalación de la aplicación nativa.
Interfaz de instalación más rica para PWA en Chrome
Los desarrolladores de aplicaciones web progresivas ahora pueden hacer que sus aplicaciones utilicen un indicador de instalación más completo en Chrome en Android. Esto animará a más personas a instalar su aplicación en sus teléfonos.
Si es un usuario final, ahora puede ver más detalles sobre una PWA antes de instalarla en su teléfono.