Descripción general de las aplicaciones web progresivas en Windows

Aplicaciones web progresivas \ (PWAs ) proporcionan acceso a las tecnologías web abiertas para la interoperabilidad entre plataformas y proporcionan a los usuarios una experiencia nativa, como la aplicación personalizada para sus dispositivos. PWAs son sitios web que se han mejorado progresivamente para funcionar como aplicaciones nativas en plataformas compatibles. Las cualidades de una PWA combinan lo mejor de las aplicaciones web y nativas.

Reconocible

Desde los resultados de la búsqueda web y los almacenes de aplicaciones auxiliares

Instalables

Anclar e iniciar desde la pantalla principal, el menú Inicio, la barra de tareas, etc.

Reactivable

Enviar notificaciones push, incluso cuando la aplicación no está activa

Independiente de la red

Trabaja sin conexión y en condiciones de redes bajas

Reduci

Experiencia de ampliación (o de baja) con capacidades de dispositivo

Seguros

Proporciona un punto de conexión HTTPS seguro y otras medidas de seguridad para el usuario

Dinámica

Se adapta al tamaño de la pantalla o a la orientación y el método de entrada del usuario

Linkable

Compartir e iniciar desde un hipervínculo estándar

 

Cree \ (o convierta ) su sitio web existente en un PWA para mejorar su compromiso con los usuarios. Las mejoras incluyen las notificaciones push, la integración como la aplicación y el soporte técnico sin conexión. Continúe con la creación de la audiencia en la web abierta para que los usuarios puedan descubrir su PWA mediante la búsqueda y el uso compartido de vínculos. Y lo mejor de todo es que la aplicación se actualiza con el código de servidor Web.

PWAs en Microsoft Edge (cromo)

Cuando se crea una aplicación Web de acceso público orientada a las API estándar Web, la aplicación puede implementarse en todas las plataformas y dispositivos, y aprovechar las capacidades específicas del dispositivo según esté disponible. PWAs en Microsoft Edge \ (cromo ) agrega las siguientes ventajas a tu sitio Web.

  • Tu aplicación se ha creado en una plataforma web basada en estándares.
  • Permite a los usuarios instalar la aplicación directamente desde el explorador.
  • Permite a los usuarios instalar la aplicación sin un registro o implementación basado en la tienda.

Los PWAs de escritorio se admiten en cualquiera de las plataformas disponibles Microsoft Edge \ (cromo ). Microsoft Edge \ (cromo ) está disponible en Windows 7, Windows 10 y macOS. Se incluyen los siguientes beneficios:

  • Las aplicaciones se pueden instalar directamente desde el explorador mediante el icono de instalación de la barra de navegación.

    Instalar el control flotante y el icono de la aplicación

  • Las aplicaciones también pueden instalarse, ejecutarse y administrarse **** desde el menú de > aplicaciones de configuración

    Elementos de menú de la aplicación en configuración

  • Las notificaciones web están integradas en el sistema de notificaciones de Windows

  • Almacén de cookies compartido con el perfil de explorador que instaló la aplicación

  • Acceso a otras características del explorador con la configuración y más el ... menú \ (), incluidos la validación de certificados, los permisos de sitio, la protección de rastreo y las extensiones de explorador

  • Acceso total a Microsoft Edge DevTools para la depuración de la aplicación

Importante

Para personalizar PWAs específicamente para Windows 10 que realicen solicitudes de API de WinRT con JavaScript, vaya a [documentación específica para las características de EdgeHTML PWA] [PwaEdgehtmlIndex]. Obtenga más información sobre cómo probar su PWA en Windows 10 y cómo distribuirlo en Microsoft Store.

Nota

Para obtener más información sobre los beneficios de PWA, las próximas características y las demostraciones breves, vaya a la sesión de la compilación 2020 PWA.

Requisitos

Para ejecutar como PWA, la aplicación web hospedada por el servidor debe incluir los siguientes requisitos mínimos.

Protege a los usuarios proporcionando una conexión segura para la comunicación entre servidores o aplicaciones. Los trabajadores del servicio y otras tecnologías de PWA solo funcionan con recursos Web servidos a través de una conexión segura \ (o de localhost para fines de depuración ).

Usa subprocesos de trabajo de servicio para actuar como servidores proxy de red entre la aplicación de servidor y la de cliente. Los subprocesos de trabajo del servicio proporcionan compatibilidad sin conexión, almacenamiento en caché de recursos, notificaciones push, sincronización de datos en segundo plano y optimizaciones de rendimiento de carga de página.

Proporciona un archivo de metadatos basado en JSON que describe información clave sobre su aplicación web para que Windows 10 y otras plataformas de hospedaje ofrezcan a los usuarios de PWA una experiencia de aplicaciones nativas instalables. La información de clave incluye iconos, idiomas y el punto de entrada de la dirección URL.

Para ser un fantástico PWA, tu aplicación también debe cumplir con los siguientes requisitos.

Asegúrese de que su PWA funciona probando en exploradores y entornos diferentes.

Emplea diseños fluidos y imágenes flexibles. El diseño dinámico incluye los siguientes elementos que adaptan su UX al dispositivo del usuario.

Usa herramientas de emulación de dispositivos de su explorador para probar localmente o crear una sesión de depuración remota en Windows o Android para probar directamente en un dispositivo de destino.

Dirige cada página del sitio a una dirección URL única de modo que los usuarios existentes puedan ayudarle a atraer a una audiencia aún más amplia mediante el uso compartido de los medios sociales.

Usa herramientas de calidad de código como webhint pelusa para optimizar la eficacia, solidez, seguridad y accesibilidad de tu aplicación.

Verifica su PWA con la lista de comprobación de la referencia de PWA de Google.

Nota

Para convertir su PWA en una aplicación de Microsoft Store , vaya a [aplicaciones web progresivas (EdgeHTML) en Microsoft Store] [PwaEdgehtmlMicrosoftStore].

Consulte también

[PwaEdgehtmlIndex]: .. /edgehtml/Progressive-Web-Apps/index.MD "aplicaciones web progresivas (EdgeHTML) en Windows | Microsoft docs "
[PwaEdgehtmlMicrosoftStore]: .. /edgehtml/Progressive-Web-Apps/Microsoft-Store.MD "aplicaciones web progresivas en Microsoft Store | Microsoft docs "