Instalar sitios web como aplicaciones PWA usando Microsoft Edge
Las PWA son para Google y Microsoft el futuro y también el proyecto en el que más energías y presupuesto han destinado estos últimos años. Hoy repasaremos en nuestro blog lo más importante y que debes conocer sobre las PWA y también te contaremos nuestro secreto para instalar sitios webs como PWA básicas.
¿Qué son las PWA?
Las PWA son aquellas soluciones que permiten crear aplicaciones web con capacidades de instalación, trabajar en un modo offline (sin conexión a internet), e incluso recibir notificación. Con las PWA se pueden desarrollar aplicaciones web, que tienen algunas de las funcionalidades de las aplicaciones nativas.
Las PWA no son extensiones de navegadores web, plugins o librerías, y tampoco son aplicaciones web “responsivas”. Se basan en el desarrollo de aplicaciones web, las cuales se diseñan pensando que serán visibles en diferentes tamaños de pantallas (computadores, celulares o tablets).
Una PWA corresponde a una aplicación web, que progresivamente va implementando diferentes funcionalidades de carácter nativo como notificaciones push, una ubicación en el “escritorio” del celular, tablet o computador, puede funcionar sin conexión a internet, se actualiza constantemente, pesan poco y es rápida al momento de cargar información.
Las PWA más conocidas o que están mejor implementadas actualmente son Facebook, Twitter, YouTube, Aliexpress y puntualmente un juego llamado 2048.
El ser progresiva, quiere decir que: si el navegador no soporta una determinada característica (como notificaciones por ejemplo), no influirá en el correcto funcionamiento de la PWA. De esta forma se puede tener un conjunto de funcionalidad básica de la aplicación que siempre estará presente.
Dependiendo del navegador y los requerimientos del usuario, se pueden añadir funcionalidades extras como el “modo offline”. Con este modo, se puede emplear la aplicación sin la necesidad de conexión a internet. Esto funciona ya que se guardan en caché los recursos de la página. Cuando la conexión se restablezca, el usuario podrá seguir usando la aplicación con normalidad.
Para guardar los elementos del sitio web en caché se emplea un recurso llamado “Service Worker”. Esto es un archivo especial en el lenguaje de programación JavaScript, que permite interceptar la comunicación entre la aplicación y el servidor web, en otras palabras, actúa de forma muy similar a un proxy. En este archivo se interceptan eventos por ejemplo cuando se realizan peticiones de información al servidor.
Las PWA se pueden instalar, por lo que el usuario podrá acceder en una ventana especial sin la necesidad de emplear el navegador. Se pueden instalar tanto en escritorios de sistemas operativos de escritorio como Windows o MacOS, como en dispositivos móviles Android o iOS.
Para instalar una PWA en un celular, basta con ir a la aplicación web a través del navegador. Una vez cargada la página web asociada, ir a la esquina superior derecha donde está el botón de opciones (⋮), hacer clic sobre éste y buscar la opción que dice “Agregar a la pantalla principal”. Se siguen los pasos que estén a continuación y finalmente la PWA queda instalada.
Las PWA son útiles cuando se requiere una aplicación que no necesite capacidades nativas específicas; pero que opcionalmente si pueda beneficiar de algunas capacidades nativas básicas, por lo que se podría considerar como una desventaja considerable.
Permiten compartir el desarrollo de la aplicación web respecto a la aplicación que se vaya a instalar en el celular. Estas capacidades incluyen lo anterior mencionado.
¿Quiénes son los principales interesados en que las PWA sean conocidas y usadas por todos?Alianza Google y Microsoft
Alianza de Microsoft y Google
La información de esta alianza surge de documentación técnica que dio a conocer la misma Microsoft. Para la empresa, el siguiente paso a dar en post de las PWA es eliminar la barra de título de Microsoft Edge y entregar a los desarrolladores, plena decisión sobre ésta. De este modo una PWA podría mostrar solo la barra de la aplicación y omitir la del navegador.
«Esta característica permite a los desarrolladores crear aplicaciones web que hacen un mejor uso del espacio de la pantalla y les permite diseñar su aplicación para sentirse más como una aplicación nativa. A medida que los dispositivos se vuelven más pequeños para la portabilidad, la barra de título consume una fracción más grande de la pantalla, dejando menos espacio para que el usuario interactúe con la aplicación»,
Amanda Baker, del equipo de Microsoft Edge.
El trabajo en conjunto entre Google y Microsoft buscará darle mayor control de esta área, típicamente utilizada en pos de realizar búsquedas en Google, a los desarrolladores al incluir una nueva función en Windows Control Overlay.
Inicialmente la Alianza Google y Microsoft se ha planteado los siguientes objetivos
Los desarrolladores web deberían tener acceso al área de la barra de título en una Aplicación Web Progresiva.
La ventana de la app debe tener controles básicos incluyendo minimizar, cerrar y mover la ventana.
Edge debería ofrecer controles de diseño de ventana de acuerdo con el sistema operativo.
Instalar sitios web como aplicaciones PWA usando Microsoft Edge
Te enseñamos como instalar cualquier sitio web como una aplicación PWA usando Microsoft Edge; ten en cuenta que no todos los sitios web están preparados para aprovechar la tecnología PWA y es posible que el modo fuera de línea no funcione. Pero claro, ¿en probar no hay engaño dice el dicho no?. (en realidad no dice eso pero bueno, manos a la obra:)
Para instalar Microsoft Lists como una aplicación independiente sigue los siguientes pasos:
Abre el sitio web que desea instalar como PWA usando Microsoft Edge
Haz clic en los tres puntos (...) ubicados en la esquina superior derecha de la ventana del navegador.
En el menú, haz clic en Aplicaciones.
En el submenú, haz clic en Instalar este sitio como una aplicación.
Con el sitio web ahora instalado como aplicación podrás acceder a él como lo haces con cualquier aplicación nativa, solo tienes que buscarlo en tu lista de programas.
¿NECESITAS SOPORTE O APOYO PARA RESOLVER TUS CONFIGURACIONES Y PROYECTOS CON TECNOLOGÍA SHAREPOINT, MICROSOFT 365 Y ARCGIS EN CHILE?
Resuelve todas tus dudas sobre: Esri, ArcGIS, Soporte ArcGIS, Mantención ArcGIS, Upgrade ArcGIS, Diagnóstico plataforma GIS, Diseño GIS, Integración GIS, Integración SIG, Soporte ArcMap Chile, Empresa de Consultoría ArcGIS, ArcGIS Chile, Esri Chile, Soporte Esri Chile, Esri Partners Chile, Empresas GIS Chile, Soporta Ltda, Consultoría ArcGIS Chile, Chile GIS, área GIS, Soporte ArcGIS, Licencias ArcGIS Chile, Integración ArcGIS, Consultoría GIS, Consultoría SIG, Aplicaciones GIS, Aplicaciones SIG, Apps GIS, Apps SIG, ArcGIS Enterprise, ArcGIS PRO, ArcGIS Online, ArcGIS StoryMaps, Soluciones SIG, Soluciones GIS, Migración ArcGIS, Capacitación Esri ArcGIS, GIS Training, empresas GIS CHILE, Empresas SIG CHILE, Diagnóstico plataforma SharePoint, SharePoint 2007, SharePoint 2010, SharePoint 2013, SharePoint 2016, Intranet Sharepoint Chile, Empresas Sharepoint Chile, Desarrollo Sharepoint Chile, Soporte SharePoint, Consultoría Office 365, Consultoría Microsoft 365 Chile, Consultoría Sharepoint Chile, SharePoint Online, Consultoria SharePoint, Portal Office 365, Office 365 Teams, Sharepoint Office 365 en el siguiente botón o enlace.
