¿Qué son las PWA (Aplicaciones Web Progresivas)?


En los últimos años se ha estado hablando muchos sobre las PWA (Aplicaciones Web Progresivas), yo como programador de páginas web me ha costado un trabajo vender las PWA a mis clientes ya que no saben diferenciar entre una página web "normal" y una página web progresiva.

Las aplicaciones web progresivas (mejor conocidas como PWAs por «Progressive Web Apps») son aplicaciones web que utilizan APIs y funciones emergentes del navegador web junto a una estrategia tradicional de mejora progresiva para ofrecer una aplicación nativa —como la experiencia del usuario para aplicaciones web multiplataforma. Las aplicaciones web progresivas son un patrón de diseño útil, aunque no son un estándar formalizado. Se puede pensar que PWA es similar a AJAX u otros patrones similares que abarcan un conjunto de atributos de aplicación, incluido el uso de tecnologías y técnicas web específicas. Este conjunto de documentos te dice todo lo que necesitas saber sobre ellas.

Las ventajas de una PWA es que deben ser detectables, instalables, enlazables, independientes de la red, progresivas, reconectables, responsivas y seguras. Para obtener más información sobre lo que esto significa, lee Ventajas de las aplicaciones web progresivas (en-US).


Características de una PWA:

  • Son progresivas: funcionan en todos los navegadores.
  • Responsive: Se adapta a cualquier dispositivo.
  • No necesitan conexión a Internet: gracias a una característica denominada Service Worker.
  • Aspecto visual: la interacción y su estilo es igual que en las aplicaciones nativas.
  • Actualizables: no es necesario pasar por tiendas de aplicaciones, gracias al service worker.
  • Son seguras: gracias a su uso del protocolo TLS (Transport Layer Security).
  • Se encuentran fácilmente: lo puedes hacer a través de cualquier buscador web.
  • Instalables: tú como usuario, puedes guardar la PWA en tu pantalla de inicio tal y como lo haces con una aplicación nativa, sin tener que hacerlo desde la tienda de aplicaciones.
  • Linkeables: Puedes compartir su URL, por WhatsApp, Messenger, etc.
  • Notificaciones: permiten enviar notificaciones push.


Requisitos para poder llamar PWA a una aplicación web:


  • Conexión HTTPS. La aplicación web se debe ser un sitio seguro no solo es una buena práctica, sino que también establece tu aplicación web como un sitio confiable, especialmente si los usuarios necesitan realizar transacciones seguras. 
  • Service Worker. El service worker es un script de JavaScript que permite interceptar y controlar cómo un navegador web administra las solicitudes de la red y el almacenamiento en caché de activos.
  • Archivo Manifest. El archivo manifest es nn archivo JSON que controla cómo se muestra tu aplicación al usuario y garantiza que las aplicaciones web progresivas sean detectables. 


Ejemplos reales de PWA

  • Uber.
  • Twitter.
  • Mensajes Android.
  • Google Maps.
  • Fotos de Google.
  • Tinder.
  • Starbucks.
  • Flipboard.
  • Telegrama.
  • Air France.

En el siguiente enlace encontraras la documentación completa de las PWA:

Publicar un comentario

Artículo Anterior Artículo Siguiente

Ad Blocker

¡Hola! Para mantener nuestro sitio gratuito, necesitamos mostrar anuncios. Por favor, considera desactivar tu bloqueador de anuncios para apoyarnos.