Activación de la canalización front-end enable-front-end-pipeline

Descubra cómo puede habilitar la canalización front-end para que los sitios existentes utilicen temas del sitio para personalizar el sitio más rápidamente.

Información general overview

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.

Esta canalización solo administra el código front-end, lo que hace que el proceso de implementación sea más rápido que las implementaciones de pila completa. AEM Permite a los desarrolladores de front-end personalizar el sitio fácilmente sin necesidad de tener conocimientos de las características de la interfaz de usuario de la aplicación

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.

TIP
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, consulte Recorrido de creación rápida de sitios para obtener una introducción.

AEM Puede configurar el sitio para que cargue temas implementados con la canalización front-end, incluso si el sitio no se creó con plantillas de sitio y temas, colocándolos sobre las bibliotecas de cliente existentes.

Detalles técnicos technical-details

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 incluyen 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 están vacíos. Sin embargo, puede descargar una carpeta "fuentes temáticas" para configurar la estructura de carpetas necesaria para implementar actualizaciones de código CSS y JS a través de la canalización.
  • Solo un desarrollador puede deshacer el cambio eliminando los nodos SiteConfig y HtmlPageItemsConfig que esta operación crea debajo de /conf/<site-name>/sling:configs.
NOTE
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 requirements

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

Activación de la canalización front-end enabling

IMPORTANT
Si utiliza (o tiene intención de utilizar) la canalización front-end para desarrollar sitios, debe añadir de antemano la Lista de IP permitidas de Cloud Manager.
Consulte Uso de la Lista de IP permitidas de Cloud Manager con 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 con una descripción general de los cambios realizados. Confirme y su sitio estará adaptado.

Ahora, el 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:

recommendation-more-help
fbcff2a9-b6fe-4574-b04a-21e75df764ab