Instalar webs como PWA desde Edge Chromium

PWA (Progressive Web App) o Aplicación Web Progresiva es un tipo de aplicación que no se instala en una computadora de forma local, sino que está instalada en un servidor web y es accesible solo a través de internet.



Office, Twitter, Google Drive, etc… tienen aplicaciones PWA. La ventaja de este tipo de aplicaciones es que no requieren ser instaladas en el equipo local, siempre se obtiene la última versión, por lo tanto no hay que actualizarlas manualmente, no ocupan espacio en disco, son más seguras que una aplicación local y no son dependientes del sistema operativo, así que funcionan igual en Windows, Mac o Linux… aunque también tienen inconvenientes…normalmente no disponen de todas las características que podrían tener aplicaciones locales, se necesita una conexión a internet constantemente, su rendimiento depende mucho de la calidad de nuestra conexión, en especial del ancho de banda disponible…


Aún falta mucho para que las PWA sustituyan a sus versiones locales, pero cada vez veremos más de ellas e incluso es muy posible que haya aplicaciones que solo tengan versiones PWA.

Algunos navegadores web, como Chrome y Edge Chromium tienen compatibilidad nativa con las PWA. El acceso a una PWA se puede hacer mediante un navegador…aunque lo habitual es que se acceda a través de una ventana independiente, de forma muy similar a una aplicación normal, de hecho podemos instalarlas en nuestro equipo local, aunque en realidad lo que se instala es un acceso directo a la PWA instalada en un servidor y esta se ejecutará en nuestro equipo en una ventana independiente.


Y esa es una de sus ventajas, que se ejecuta en una ventana vía web, pero sin necesidad de usar un navegador. La experiencia es muy similar a ejecutar una aplicación normal, aunque repito que dependiendo de nuestro ancho de banda y de su estabilidad, podremos notar ciertos retrasos y lags.


Aprovechando esta compatibilidad con PWA de algunos navegadores, podemos "instalar" una web como si fuese una verdadera PWA y navegar por ella como si de una aplicación se tratase. En muchas webs, la experiencia puede que no sea la misma que en la de un navegador web, puesto que si no son verdaderas PWA, la navegación no estará optimizada, pero muchas de ellas puede que nos resulte más conveniente ejecutarlas como aplicación en una ventana independiente sin necesidad de usar un navegador, o usar el navegador para otras tareas.


En este caso me voy a concentrar en explicar cómo instalar webs como una PWA en EDGE Chromium. Este ejemplo es casi idéntico al usado en Google Chrome, pero he usado EDGE porque la versión basada en Chrome, si no está instalada en la mayoría de Windows, lo estará muy pronto y estará disponible siempre independientemente del navegador predeterminado que usemos.


Abrimos EDGE y navegamos hasta la web que queremos convertir en PWA.

Pulsamos en el icono del menú principal de EDGE…en el icono de los tres puntos de la esquina superior derecha.

En el menú emergente nos colocamos encima de la opción Aplicaciones.

En el submenú emergente, pulsamos en la opción Instalar este sitio como aplicación.



Se nos mostrará un panel donde podremos configurar un nombre para la misma.

Terminamos pulsando en Instalar



Se abrirá una ventana con esa web. Podemos cerrar EDGE porque esa nueva ventana funcionará independientemente del navegador. Usará el motor de EDGE, pero funcionará de forma independiente.



En nuestro Escritorio, veremos un acceso a la nueva PWA, y en el Menú Inicio también veremos que se habrá instalado el acceso directo igual que si fuese una aplicación habitual.



En la ventana de la nueva PWA, podemos acceder a su menú pulsando el icono de los tres puntos que hay en la barra de título, desde la cual podremos ejecutar algunas acciones, entre las que encontramos la opción de desinstalar la PWA.



Si en vez de una web normal, navegamos a una web optimizada para ser ejecutada como PWA, veremos al final de la barra de búsqueda de EDGE un icono redondo con un signo + dentro. Si lo pulsamos se nos mostrará un panel desde el cual podremos instalar la aplicación.



En este caso, es posible que no se instale su icono de acceso directo en el Escritorio de Windows, pero sí en el Menú Inicio.



¿DÓNDE ENCONTRAR PWAs?

Encontrar este tipo de aplicaciones no es fácil porque suelen estar en la tiendas de aplicaciones como aplicaciones normales sin mayor diferenciación. En la siguiente web podremos encontrar un buen surtido de aplicaciones PWA, de hecho es una tienda que muestra exclusivamente este tipo de aplicaciones.

Lo primero que destaca es las poquísimas aplicaciones PWA realmente diseñadas  especialmente como PWA, siendo la mayoría simplemente versiones de webs convertidas en PWA.




Como vemos, es muy facilito crear una PWA a partir de una web cualquiera en EDGE (o Google Chrome, si ese es tu navegador preferido). Repito que una PWA creada a partir de una web tradicional no es lo mismo que una verdadera PWA diseñada como tal, pero estoy seguro que en ocasiones nos resultará útil.


Una saludo y no olviden supervitaminarse y mineralizarse…ole onnellinen kuin puoliruhot

0 comentarios