Activación de la canalización front-end

Última actualización: 2023-11-18
  • Creado para:
  • Admin

Descubra cómo puede habilitar la canalización front-end para sitios existentes, a fin de utilizar los temas de sitios para personalizar más rápidamente el sitio.

Información general

La canalización front-end es un mecanismo que puede implementar rápidamente solo el código front-end de sus sitios web en función de temas de sitio y plantillas de sitio.

En lugar de implementar el código full stack, solo el código front-end se gestiona mediante esta canalización, lo que hace que el proceso sea más rápido y permite a los desarrolladores de front-end personalizar su sitio de forma fácil y rápida sin tener conocimiento de AEM.

Los sitios basados en plantillas de sitio pueden utilizar la canalización front-end de forma predeterminada. Este documento describe cómo puede adaptar los sitios existentes para aprovechar la canalización front-end.

SUGERENCIA

Si no está familiarizado con la canalización front-end y con cómo implementar sitios rápidamente mediante ella y las plantillas de sitio, revise el recorrido de creación rápida de sitios para una introducción.

Si no ha creado el sitio existente basado en plantillas y temas de sitio, AEM puede configurar el sitio para cargar los temas que se implementan con la canalización front-end por encima de las bibliotecas de cliente existentes.

Detalles técnicos

Al activar la canalización front-end para un sitio, AEM realiza los siguientes cambios en la estructura del sitio.

  • Todas las páginas del sitio incluirán un archivo CSS y JS adicional, que se puede modificar mediante la implementación de actualizaciones a través de una canalización front-end de Cloud Manager dedicada.
  • Los archivos CSS y JS añadidos inicialmente estarán vacíos, pero se puede descargar una carpeta de "fuentes temáticas" para arrancar la estructura de carpetas que permite implementar actualizaciones de código CSS y JS a través de esa canalización.
  • Este cambio solo lo puede deshacer un desarrollador, eliminando los nodos SiteConfig y HtmlPageItemsConfig que esta operación crea debajo de /conf/<site-name>/sling:configs.
NOTA

Esta acción no convierte automáticamente las bibliotecas de cliente existentes del sitio para utilizar la canalización front-end. Mover estos orígenes de la carpeta de biblioteca del cliente a la carpeta de canalización front-end es una tarea que requiere el trabajo manual de un desarrollador de front-end.

Requisitos

AEM puede adaptar automáticamente el sitio existente para utilizar la canalización front-end. Para poder hacerlo, el sitio debe utilizar la versión 2 o posterior del componente de página de los componentes principales.

Activación de la canalización front-end

La activación del sitio se realiza desde la consola Sitios mediante el carril del sitio.

  1. Inicie sesión en AEM y navegue hasta su sitio a través de Navegación global > Sitios.

  2. Seleccione el sitio en la consola. Seleccione la raíz del sitio y no cualquier página secundaria.

  3. Con el sitio seleccionado, abra el selector de carril a la izquierda y elija Sitio.

  4. En el carril del sitio, haga clic en el botón Habilitar canalización front-end.

    Habilitación de la canalización front-end

  5. AEM le solicita que confirme los cambios que se realizarán con una descripción general. Confirme y su sitio estará adaptado.

Ahora su sitio está listo para usar la canalización front-end. Para obtener más información sobre la canalización front-end y la administración del tema del sitio, consulte lo siguiente:

En esta página