Activación de la canalización front-end

Descubra cómo puede habilitar la canalización front-end para sitios existentes a fin de aprovechar 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 aprovechar 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.

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.

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. Debe seleccionar 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.

   

5. AEM le solicita que confirme con una descripción general de los cambios que se realizarán. 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:

• Uso del carril del sitio para administrar el tema del sitio
• Recorrido de creación rápida de sitios: este recorrido de documentación le ofrece una visión general de principio a fin del proceso de implementación rápida de un sitio mediante la canalización front-end y la herramienta de creación rápida del sitio.
• Canalizaciones CI/CD: este documento describe la canalización front-end en el contexto de las canalizaciones full-stack y de nivel web.

Recursos de Business.Adobe.com