Introducción a las aplicaciones web progresivas (PWA)

Las aplicaciones web progresivas (PWA) proporcionan acceso a tecnologías web abiertas para proporcionar interoperabilidad entre plataformas. Las PWA proporcionan a los usuarios una experiencia de aplicación personalizada para sus dispositivos.

Las PWA son sitios web que se mejoran progresivamente para que funcionen como aplicaciones nativas instaladas en plataformas de soporte técnico, mientras que funcionan como sitios web normales en otros exploradores.

Las calidades de un PWA combinar lo mejor de la web y las aplicaciones compiladas. Los PWA se ejecutan en exploradores, como sitios web. Pero las PWA también tienen acceso a las características de la aplicación; por ejemplo:

  • Un PWA puede seguir funcionando cuando el dispositivo está sin conexión.
  • Las PWA se pueden instalar en el sistema operativo.
  • Las PWA admiten notificaciones de inserción y actualizaciones periódicas.
  • Las PWA pueden tener acceso a características de hardware.

Cuando se instalan, las PWA son como otras aplicaciones en Windows. Por ejemplo:

  • Se PWA una menú Inicio.
  • Un PWA se puede anclar a la barra de tareas.
  • Los PWA pueden controlar archivos.
  • Las PWA se pueden ejecutar cuando el usuario inicia sesión.
  • Las PWA se pueden enviar a la Microsoft Store donde millones de Windows usuarios pueden detectarlos e instalarlos fácilmente junto con otras Windows aplicaciones.

Las PWA tienen el mismo alcance que los sitios web:

  • Los motores de búsqueda pueden indizar las PWA.
  • Un PWA puede vincularse.
  • Un PWA puede funcionar en todos los dispositivos, desde un único código base.

Las PWA tienen **** un costo de desarrollo multiplataforma mucho menor que las aplicaciones compiladas que requieren una base de código específica para cada plataforma, como una base de código independiente para Android, para iOS y para cada sistema operativo de escritorio.

Características de una aplicación web progresiva (PWA)

Una aplicación web progresiva totalmente compatible proporciona las siguientes ventajas para el usuario.

Característica Descripción
Detectable La aplicación se puede detectar desde los resultados de búsqueda web y admitir almacenes de aplicaciones.
Instalable Anclar e iniciar la aplicación desde la pantalla principal, menú Inicio y la barra de tareas.
Reenganable La aplicación puede recibir notificaciones push, incluso cuando la aplicación no está activa.
Independiente de la red La aplicación funciona sin conexión y en condiciones de red baja.
Progresivo La experiencia del usuario de la aplicación se escala hacia arriba o hacia abajo con las capacidades del dispositivo.
Caja fuerte La aplicación proporciona un punto de conexión HTTPS seguro y otras protecciones del usuario.
Dinámica La aplicación se adapta al tamaño de pantalla o al método de entrada y orientación del usuario.
Vinculable Comparte e inicia la aplicación desde un vínculo estándar.

PWA en el escritorio

Las aplicaciones web progresivas (PWA) no se limitan a mostrar sitios web en pantallas de inicio móviles. Las PWA se basan en tecnologías web estándar entre exploradores que les permiten instalarse y ejecutarse en muchos entornos diferentes.

En los últimos años, la exploración de escritorio ha aumentado y la informática de escritorio sigue siendo el entorno de productividad principal para muchos usuarios. Las PWA pueden proporcionar experiencias totalmente adaptadas e instalables en un sistema operativo de escritorio que heredan las ventajas de ese entorno. Sin embargo, las PWA siguen funcionando en toda la plataforma desde el mismo código y servidores que potencian las experiencias móviles y del explorador.

Microsoft Edge y Windows han agregado muchas funciones y características web nuevas. Estas nuevas capacidades de desarrollo web proporcionan grandes oportunidades para crear experiencias envolventes que se integran profundamente con el sistema operativo de escritorio. El uso de solo tecnologías web garantiza que la aplicación funcione en otros exploradores, sistemas operativos y dispositivos.

Es posible que no tenga que usar tecnologías propietarias en absoluto, ya que la web ha desarrollado capacidades para tratar muchos aspectos de las aplicaciones, como:

  • Sistemas de archivos
  • Vídeo
  • Audio
  • Código de alto rendimiento
  • Bases de datos
  • USB
  • Bluetooth

Con una PWA, puedes usar una base de código única que se comparte entre el sitio web, la aplicación móvil y la aplicación de escritorio (en todos los sistemas operativos). Al usar una base de código única que se comparte entre plataformas, se reducen los costos de desarrollo. La aplicación también se puede publicar en el Microsoft Store, lo que hace que sea más familiar y confiable para los usuarios Windows detectar e instalar.

Obtenga más información sobre cómo se integran las PWA en Windows.

Reducir la brecha entre aplicaciones web y de escritorio

Microsoft Edge nuevas funcionalidades integradas que pueden hacer que la aplicación web se sienta más integrada en plataformas de escritorio. Estas funcionalidades proporcionan experiencias más atractivas en plataformas web y de escritorio. Con las aplicaciones web progresivas (PWA), puede:

  • Controlar archivos.
  • Compartir contenido con otras aplicaciones.
  • Acceder al portapapeles.
  • Sincronice los datos y obtenga recursos en segundo plano.
  • Accede al hardware del dispositivo, como Bluetooth y USB.
  • Almacenar contenido en bases de datos.
  • Aproveche los gráficos acelerados por hardware.
  • Usa diseños CSS, animaciones y filtros para crear diseños avanzados.
  • Ejecute código de rendimiento casi compilado con WebAssembly.

No hay mucho que no pueda hacer hoy en día con las tecnologías web. Gracias a Microsoft Edge, las PWA en el escritorio pueden aprovechar al máximo las tecnologías web para ofrecer lo que los usuarios esperan que hagan las aplicaciones de escritorio.

Echa un vistazo a las PWA de descomisación de mitos para obtener más información acerca de lo que pueden hacer las PWA.

El Microsoft Store

Dado que las aplicaciones web progresivas (PWA) son igual que otras aplicaciones del Microsoft Store, los usuarios pueden interactuar completamente con ellas(desde la detección, hasta la instalación, hasta la ejecución) sin necesidad de abrir el explorador.

La Microsoft Store es la aplicación más usada en equipos. El Microsoft Store proporciona una experiencia confiable y familiar para que los usuarios instalen la aplicación. Además, puedes ver estadísticas de uso detalladas y gráficos que te permiten saber cómo funcionan las aplicaciones Microsoft Store la aplicación.

Obtenga información sobre cómo publicar PWA en el Microsoft Store.

Casos de éxito

El uso de tecnologías de aplicación web progresiva (PWA) es una excelente manera de hacer que la aplicación sea segura, detectable**,** enlazable , fácil de instalar y actualizar, con capacidad de respuesta e independiente de la red. Muchas empresas han tenido éxito con las PWA. Por ejemplo:

  • El PWA de PWA usuarios activos diarios ha aumentado dos veces. Los pedidos en el escritorio son casi la misma velocidad que los móviles (origen).
  • Trivago vio un aumento del 150 % para las personas que agregan su PWA a la pantalla principal. El aumento de la participación provocó un aumento del 97 % en las salidas a ofertas de hotel (origen).
  • Tinder reduce los tiempos de carga de 11,91 segundos a 4,68 segundos con su PWA. La aplicación es un 90 % más pequeña que la aplicación compilada de Android (origen).

Lee más casos de éxito en el sitio PWA estadísticas.

Consulte también