Configurar la canalización

Cree una canalización front-end para administrar la personalización del tema del sitio.

La historia hasta ahora

En el documento anterior del recorrido de Creación rápida del sitio de AEM, Crear sitio a partir de una plantilla, ha aprendido a utilizar una plantilla de sitio para crear rápidamente un sitio AEM que se pueda personalizar aún más con herramientas front-end y ahora debería:

  • Entender cómo obtener plantillas del sitio de AEM.
  • Obtenga información sobre cómo crear un nuevo sitio con una plantilla.
  • Consulte cómo descargar la plantilla del nuevo sitio para facilitarla al desarrollador front-end.

Este artículo se basa en estos aspectos básicos para que pueda configurar una canalización front-end que el desarrollador de front-end utilizará más adelante en el recorrido para implementar personalizaciones front-end.

Objetivo

Este documento le ayuda a comprender las canalizaciones de front-end y cómo crearlas para administrar la implementación del tema personalizado del sitio. Después de leer, debería haber logrado lo siguiente:

  • Comprender qué es una canalización front-end.
  • Saber cómo configurar una canalización front-end en Cloud Manager.

Función responsable

Esta parte del recorrido se aplica al administrador de Cloud Manager.

Requisitos

  • Debe tener acceso a Cloud Manager.
  • Debe ser miembro de la función Administrador de implementación en Cloud Manager.
  • Se debe configurar un repositorio de Git para el entorno de AEM en Cloud Manager.
    • Esto suele ocurrir ya en cualquier proyecto activo. Sin embargo, si no es así, consulte la documentación de los repositorios de Cloud Manager disponible en la sección Recursos adicionales para obtener más información.

¿Qué es una canalización front-end?

El desarrollo de front-end implica la personalización de JavaScript, CSS y recursos estáticos que definen el estilo del sitio AEM. El desarrollador de front-end trabajará en sus propios entornos locales para realizar estas personalizaciones. Una vez que estén listos, los cambios se comprometen con el repositorio de Git AEM. Pero solo están comprometidos con el código fuente. Todavía no están creados.

La canalización front-end lleva estas personalizaciones asignadas y las implementa en un entorno AEM, generalmente en entornos de producción o de prueba.

De este modo, el desarrollo de front-end puede funcionar de forma independiente y paralela a cualquier desarrollo de back-end completo en AEM, ya que tiene sus propias canalizaciones de implementación.

NOTA

Las canalizaciones front-end solo pueden implementar recursos estáticos, CSS y JavaScript para aplicar algún estilo a su sitio AEM. El contenido del sitio, como páginas o activos, no se puede implementar en una canalización.

Acceso a Cloud Manager

  1. Inicie sesión en Adobe Cloud Manager en my.cloudmanager.adobe.com.

  2. Cloud Manager enumera los distintos programas disponibles. Toque o haga clic en el que desee administrar. Si acaba de empezar con AEM as a Cloud Service, es probable que solo tenga disponible un programa.

    Selección de un programa en Cloud Manager

Ahora verá una descripción general del programa. Su página tendrá un aspecto diferente, pero será similar al de este ejemplo.

Información general de Cloud Manager

Observe el nombre del programa al que ha accedido o copie la URL. Deberá proporcionárselo más adelante al desarrollador de front-end.

Creación de una canalización front-end

Ahora que ha accedido a Cloud Manager, puede crear una canalización para la implementación de front-end.

  1. En la sección Canalizaciones de la página Cloud Manager, toque o haga clic en el botón Agregar.

    Canalizaciones

  2. En el menú emergente que aparece debajo del botón Agregar seleccione Agregar canalización que no sea de producción a efectos del presente recorrido.

  3. Abra la pestaña Configuración del cuadro de diálogo Agregar canalización que no sea de producción y haga lo siguiente:

    • Seleccione Canalización de implementación.
    • Proporcione un nombre a la canalización en el campo Nombre de canalización de prueba.

    Agregar configuración de canalización

  4. Haga clic o pulse Continuar.

  5. En la pestaña Código fuente:

    • Seleccione Código front-end como el tipo de código que se va a implementar.
    • Asegúrese de que esté seleccionado el entorno correcto en Entornos de implementación aptos.
    • Seleccione el Repositorio correcto.
    • Defina a qué Rama de Git debe estar asociada la canalización.
    • Defina la Ubicación del código si el desarrollo front-end se encuentra bajo una ruta particular en el repositorio seleccionado. El valor predeterminado es la raíz del repositorio, pero a menudo el desarrollo de front-end y back-end estarán bajo diferentes rutas.

    Información del código fuente para agregar una canalización

  6. Haga clic o pulse Guardar.

La nueva canalización se crea y se puede ver en la sección Canalizaciones de la ventana Cloud Manager. Si toca hacer clic en los puntos suspensivos después del nombre de la canalización, aparecerán opciones para editar o ver los detalles según sea necesario.

Opciones de canalización

SUGERENCIA

Si ya está familiarizado con las canalizaciones en AEMaaCS y desea obtener más información sobre las diferencias entre los distintos tipos de canalizaciones, incluidos más detalles sobre la canalización front-end, consulte Configurar canalización de CI/CD: Cloud Services vinculados en la sección Recursos adicionales.

Siguientes pasos

Ahora que ha completado esta parte del Recorrido de creación rápida de sitios de AEM, debe hacer lo siguiente:

  • Comprender qué es una canalización front-end.
  • Saber cómo configurar una canalización front-end en Cloud Manager.

Aproveche este conocimiento y continúe con su recorrido de Creación rápida de sitios AEM al revisar el documento Conceder acceso al desarrollador de front-end, donde incorporará a los desarrolladores de front-end en Cloud Manager para que tengan acceso al repositorio de Git de su sitio AEM y a la canalización.

Recursos adicionales

Aunque se recomienda pasar a la siguiente parte del recorrido de creación rápida de sitios al revisar el documento Personalizar el tema del sitio, los siguientes son algunos recursos opcionales que profundizan ciertos conceptos mencionados en este documento, pero no son necesarios para continuar el recorrido.

En esta página