Activación de las funciones progresivas de la aplicación web

A través de una configuración sencilla, un autor de contenido ahora puede habilitar las funciones de aplicación web progresiva (PWA) para las experiencias creadas en AEM Sites.

PRECAUCIÓN

Se trata de una característica avanzada que requiere:

  • Conocimiento de los PWA
  • Conocimiento del sitio y estructura de contenido
  • Comprensión de las estrategias de almacenamiento en caché
  • Asistencia de su equipo de desarrollo

Antes de utilizar esta función, se recomienda discutirla con su equipo de desarrollo para definir la mejor manera de aprovecharla para su proyecto.

NOTA

Se prevé que las funciones descritas en este documento estén disponibles con la versión de marzo de 2021 de AEM como Cloud Service.

Introducción

Las aplicaciones web progresivas (PWA) permiten crear experiencias de aplicación inmersivas para los sitios AEM, ya que les permiten almacenarse localmente en el equipo de un usuario y ser accesibles sin conexión. Un usuario podía navegar por un sitio mientras estaba en marcha aunque se perdiera una conexión a Internet. Los PWA permiten experiencias sin fisuras incluso si la red se pierde o es inestable.

En lugar de requerir cualquier recodificación del sitio, un autor de contenido puede configurar las propiedades del PWA como una pestaña adicional en las propiedades de página de un sitio.

  • Cuando se guarda o publica, esta configuración déclencheur un controlador de eventos que escribe los archivos de manifiesto y service worker que habilitan las funciones de PWA en el sitio.
  • Las asignaciones de Sling también se mantienen para garantizar que el trabajo del servicio se proporcione desde la raíz de la aplicación para habilitar el contenido de proxy que permite las funciones sin conexión dentro de la aplicación.

Con PWA, el usuario tiene una copia local del sitio, lo que proporciona una experiencia similar a la de una aplicación incluso sin conexión a Internet.

NOTA

Las aplicaciones web progresivas son una tecnología y compatibilidad en evolución para la instalación de aplicaciones locales y otras funciones depende del explorador que utilice.

Requisitos previos

Para poder utilizar las funciones de PWA del sitio, existen dos requisitos para el entorno del proyecto:

  1. Usar componentes principales para aprovechar esta función
  2. Ajuste las reglas de Dispatcher para exponer los archivos necesarios

Estos son pasos técnicos que el autor deberá coordinar con el equipo de desarrollo. Estos pasos solo son necesarios una vez por sitio.

Usar componentes principales

La versión 2.15.0 y posteriores de los componentes principales admiten completamente las funciones de PWA de AEM sitios. Dado que AEMaaCS siempre incluye la versión más reciente de los componentes principales, puede aprovechar las funciones de PWA listas para usar. El proyecto AEMaaCS cumple automáticamente este requisito.

NOTA

Adobe no recomienda utilizar las funciones de PWA en componentes personalizados o componentes que no se hayan extendido desde los principales componentes.