Cómo convertir cualquier sitio web en una PWA en Android

Las aplicaciones son probablemente la herramienta más cómoda para interactuar con cualquier servicio web, sin comparación con los sitios web. Imagínate que tuvieras que ver YouTube no en una aplicación móvil, sino a través de una página web. No sería una gran tragedia, pero sería muy intuitivo. Pero se necesitaría mucho tiempo y recursos para crear una aplicación completa. Es mucho más fácil hacer que el propio sitio funcione como una aplicación. Cualquiera puede hacerlo.

PWA (прогрессивные веб-приложения) – это адаптированные версии сайтов, которые оформлены в виде приложений и работают как приложения. Они лишены таких элементов, как адресная строка, окно вкладок и т.д, а также могут быть добавлены на рабочий стол для быстрого запуска.

La suposición por defecto es que personas especialmente capacitadas deben hacer el trabajo de adaptar un sitio web al formato PWA. Al fin y al cabo, tiene sentido, porque no todo el mundo puede convertir un sitio web en una aplicación. Hay que tener en cuenta muchos aspectos para que el producto final sea utilizable. Piensa en el aspecto de una aplicación web progresiva de Twitter. Si miras la PWA y la app, apenas se nota la diferencia.

Cómo hacer una PWA en Android

Pero recientemente ha aparecido una herramienta en Android que convierte los sitios en PWAs por sí mismos.

  • En su navegador, abra el sitio deseado y copie su URL;
  • Ejecuta NativeAlphaForAndroid y pega la URL en la aplicación;
  • Confirma la conversión y añade el icono al escritorio.

Después de crear el icono PWA, puedes volver a NativeAlphaForAndroid y hacer los ajustes necesarios. Hay un montón de opciones disponibles aquí que te permiten configurar la aplicación web progresiva para que puedas utilizarla cómodamente. Por ejemplo, puedes devolver la barra de direcciones o cualquier otro elemento del navegador, establecer cuándo la PWA actualizará automáticamente el contenido, activar o desactivar el uso de cookies, aprobar o desactivar el almacenamiento en caché de las imágenes para no tener que volver a descargarlas la próxima vez que la abras. Hay muchas opciones, pero es importante no pasarse.

En qué se diferencian las PWA de las aplicaciones

Una vez completadas estas manipulaciones, vuelva a su escritorio. Aparecerá un icono del sitio que has convertido en una aplicación web progresiva. Personalmente, he elegido – para esto. Echa un vistazo a lo que salió de él:

Como puedes ver, no hay demasiados cambios en la interfaz después de la conversión, pero la PWA no tiene una barra de direcciones, un panel de cambio de pestañas y como tal un omnibox con todas las opciones del navegador. Su uso es mucho más intuitivo porque hay más contenido en la pantalla y el ojo del usuario no se ve atraído por elementos innecesarios. Como resultado, te sumerges más profundamente en el proceso, sin distraerte con nada extraño.

Desgraciadamente, por defecto, el logotipo en miniatura de la aplicación NativeAlphaForAndroid, que se encarga de reformatear el sitio, aparece en el icono de la PWA recién creada. Es imposible deshacerse de él por medios regulares, pero no hay necesidad de hacerlo. Al fin y al cabo, la interacción con los iconos de las aplicaciones se reduce a tocar su superficie, y de todos modos se puede distinguir un icono de otro.

¿Qué tenemos en la salida? Por un lado, las PWA creadas automáticamente no son un sustituto perfecto de las aplicaciones reales que descargamos de Google Play. Pero, por otro lado, pueden ser útiles cuando usamos un sitio con regularidad y queremos que sea un poco más amigable. NativaAlphaForAndroid cumple con esta tarea al 100%. ¿Qué más necesitas?