DocumentaciónAEMTutoriales de AEMTutoriales de WKND para desarrollar con AEM Sites

Habilitación de la canalización front-end para el tipo de archivo del proyecto de AEM estándar

Última actualización: 12 de junio de 2025
  • Se aplica a:
  • Experience Manager as a Cloud Service
  • Temas:
  • Proyecto arquetipo AEM
  • Cloud Manager
  • Canalización CI/CD

Creado para:

  • Intermedio
  • Desarrollador
  • Administrador
CONSEJO
¿Ha considerado Edge Delivery Services para AEM?
Puede seguir utilizando los métodos que se describen en este documento para los proyectos existentes. Sin embargo, para nuevos proyectos, Adobe recomienda aprovechar Edge Delivery Services.

Aprenda a habilitar el Proyecto WKND Sites de AEM (también conocido como Proyecto AEM estándar) creado con el Arquetipo de proyecto de AEM para implementar recursos front-end como CSS, JavaScript, fuentes e iconos mediante una canalización front-end para un ciclo más rápido de desarrollo a implementación. La separación del desarrollo front-end del desarrollo back-end completo en AEM. También aprenderá cómo estos recursos front-end no se proporcionan desde el repositorio de AEM, sino desde la red de distribución de contenido (CDN), un cambio en el paradigma de entrega.

Se crea una nueva canalización front-end en Adobe Cloud Manager que solo genera e implementa ui.frontend artefactos en la CDN integrada e informa a AEM sobre su ubicación. En AEM durante la generación de HTML de la página web, las etiquetas <link> y <script> hacen referencia a esta ubicación de artefacto en el valor de atributo href.

Sin embargo, después de la conversión del proyecto AEM de WKND Sites, los desarrolladores de front-end pueden trabajar de forma independiente y paralela a cualquier desarrollo back-end completo en AEM, que tiene sus propias canalizaciones de implementación.

IMPORTANTE
En términos generales, la canalización front-end generalmente se utiliza con Creación rápida de sitios de AEM, hay un tutorial relacionado Introducción a AEM Sites - Creación rápida de sitios para obtener más información al respecto. En este tutorial y en los vídeos asociados nos encontramos con referencias a él, para asegurarnos de que se destacan las diferencias sutiles y de que haya alguna comparación directa o indirecta para explicar conceptos cruciales.

Un tutorial de varios pasos relacionado explica cómo implementar un sitio de AEM para una marca ficticia de estilo de vida WKND mediante la característica Creación rápida de sitios. También resulta útil revisar el flujo de trabajo de la temática para comprender el funcionamiento de la canalización front-end.

Información general, ventajas y consideraciones para la canalización front-end

https://video.tv.adobe.com/v/3409343?quality=12&learn=on
NOTE
Esto solo se aplica a AEM as a Cloud Service y no a las implementaciones de Adobe Cloud Manager basadas en AMS.

Requisitos previos

El paso de implementación de este tutorial tiene lugar en un Cloud Manager de Adobe. Asegúrese de que tiene la función Administrador de implementación; consulte Cloud Manager Definiciones de funciones.

Asegúrese de usar el programa de espacio aislado y el entorno de desarrollo al completar este tutorial.

Siguientes pasos

Un tutorial paso a paso muestra la conversión del proyecto WKND Sites de AEM para habilitarlo para la canalización front-end.

¿Qué estás esperando? Inicie el tutorial navegando hasta el capítulo Revisar proyecto de pila completa y vuelva a recapitular el ciclo de vida de desarrollo front-end en el contexto del proyecto estándar de AEM Sites.

recommendation-more-help
b2a561c1-47c0-4182-b8c1-757a197484f9