Las Progressive Web Apps (aplicaciones web progresivas), son experiencias que combinan lo mejor de la web y lo mejor de las apps. Están disponibles para los usuarios a partir de la primera visita en una pestaña del navegador y no requieren instalación. Además incrementan su funcionalidad a medida que se usa. Se carga rápidamente como experiencia de pantalla completa y de primer nivel, incluso con redes débiles, envía notificaciones push relevantes, tiene un ícono en la pantalla principal.
El rumbo que empiezan a tomar las empresas para dar respuesta inmediata a las necesidades de sus usuarios, sin necesidad del costoso proceso de desarrollar una aplicación móvil, adaptarla a los ecosistemas iOS y Android, pasar por las etapas de validación de las tiendas de aplicaciones y todos los riesgos de seguridad que ello incorpora, se orienta a la solución con Progressive Web Apps.
Funcionalidad | Aplicaciones Móviles Nativas | Progressive Web Apps |
Costo de Desarrollo | Alto costo para la descarga | Mediano costo para generación de tráfico |
Instalación | Requiere varios pasos desde Store de Android y iOS | Automáticamente genera un ícono en el dispositivo |
Actualizaciones | Requiere aprobación de los Store de Android y iOS | Automática |
Posibilidad de uso Off-Line | Si | Si |
Interface | Móvil | Se adapta a diversos dispositivos |
Acceso a funcionalidades | Total, pero requiere aprobación de usuario por privacidad | Parcial, pero requiere costo |
Algunos de los beneficios que ofrecen las PWA son los siguientes:
Al acceder por primera vez al Portal, se realiza la descarga de una estructura base del portal que incluye la arquitectura del sitio web, así como la información actualizada al día.
Toda esta información se aloja en el almacenamiento interno del dispositivo similar a un caché. Cuando el usuario accede la próxima vez al Portal se cargará desde este caché toda la información mientras que en segundo plano el sistema verifica con el servidor si existen cambios tanto en la estructura como en la información.
Esto permite que en conexiones de internet lentas o incluso en ausencia de conexión de red el Portal ofrezca información, mientras en segundo plano se sigue actualizando la información de forma recurrente.
Uno de los mayores atractivos de las PWA es que permiten la generación de un ícono similar al de una aplicación móvil instalada y que se ubica entre los demás íconos de las aplicaciones del dispositivo.
Cuando el usuario accede mediante este ícono al Portal, este se despliega en un navegador web “embebido”, es decir sin los elementos propios de los navegadores como barras de título, de navegación, botones y demás, y se genera, por el contrario, la sensación de estar utilizando una aplicación móvil.
Esta funcionalidad no es propiamente la instalación de una aplicación ni pasa por descargas adicionales, sino que hace parte del estándar disponible para las Progressive Web Apps que los navegadores modernos ya tienen disponible.
El avance e importancia de los PWA ha sido de tal magnitud, que los Store principales -iOS APP Store y Google Play (Android)- han empezado a desarrollar procesos y metodologías para incorporarlos dentro de sus catálogos de aplicaciones.
Otra de las funcionalidades atractivas de las PWA es que permiten la generación de notificaciones tipo “push”. Estas notificaciones consisten en mensajes emergentes, poco invasivos, que se le muestran al usuario en su PC o dispositivo sin necesidad de tener abierto el Portal web. Pueden utilizarse para avisar de nuevos contenidos o acciones relacionadas con la cuenta del usuario.
Las Progressive Web Apps se pueden instalar de forma instantánea en las pantallas de inicio de los dispositivos móviles, sin necesidad de visitar los markets (Apple Store y Google Play) :
1. Abrir el sitio WEB con PWA en el navegador
2. Pulsar el botón ‘Añadir APP a su dispositivo’ cuando aparezca la ventana emergente.
3. Buscar el icono en el móvil y acceder a la app.
Puede ver dos ejemplos en uso que hemos realizado de PWA.