DocumentaçãoAEMTutoriais do AEMTutoriais WKND do AEM Sites

Habilitar pipeline de front-end para o arquétipo de projeto padrão do AEM enable-front-end-pipeline-standard-aem-project

Last update: Fri Oct 17 2025 00:00:00 GMT+0000 (Coordinated Universal Time)
  • Aplica-se a:
  • Experience Manager as a Cloud Service

Criado para:

  • Intermediário
  • Desenvolvedor
  • Administrador
TIP
Você já considerou o Edge Delivery Services for AEM?
Você pode continuar usando os métodos descritos neste documento para projetos existentes. No entanto, para novos projetos, a Adobe recomenda utilizar o Edge Delivery Services.

Saiba como habilitar o Projeto de site da WKND no AEM (também conhecido como projeto padrão do AEM) criado com o Arquétipo de projeto do AEM para implantar recursos de front-end, como CSS, JavaScript, fontes e ícones, usando um pipeline de front-end para obter um ciclo mais rápido do desenvolvimento à implantação. A separação do desenvolvimento de front-end do desenvolvimento de back-end de pilha completa no AEM. Você também aprenderá como esses recursos de front-end não são oferecidos pelo repositório do AEM, mas pela CDN, uma alteração no paradigma de entrega.

Um novo pipeline de front-end é criado no Adobe Cloud Manager para criar e implantar apenas ui.frontend artefatos na CDN integrada, e informar o AEM sobre sua localização. No AEM, durante a geração do HTML da página da web, as tags <link> e <script> referem-se a essa localização do artefato no valor do atributo href.

No entanto, após a conversão do projeto do site da WKND no AEM, os desenvolvedores de front-end podem trabalhar separadamente e paralelamente a qualquer desenvolvimento de back-end de pilha completa no AEM, que tem seus próprios pipelines de implantação.

IMPORTANT
De modo geral, o pipeline de front-end é normalmente usado com a Criação rápida de sites do AEM. Há um tutorial relacionado, Introdução ao AEM Sites: criação rápida de sites, para saber mais sobre isso. Neste tutorial e nos vídeos associados, você verá referências a ele, a fim de garantir que diferenças sutis sejam destacadas e haja uma comparação direta ou indireta para explicar conceitos cruciais.

Um tutorial em várias etapas relacionado aborda a implementação de um site do AEM para uma marca fictícia de estilo de vida, a WKND, usando o recurso de criação rápida de sites. Também é útil revisar o Fluxo de trabalho de temas para entender o funcionamento do pipeline de front-end.

Visão geral, benefícios e considerações sobre o pipeline de front-end

https://video.tv.adobe.com/v/3409343?quality=12&learn=on
NOTE
Aplica-se somente ao AEM as a Cloud Service, não a implantações do Adobe Cloud Manager baseadas no AMS.

Pré-requisitos

A etapa de implantação deste tutorial ocorre em um Adobe Cloud Manager. Verifique se você tem uma função de Gerente de implantação. Consulte Definições de função do Cloud Manager.

Use o Programa de sandbox e o Ambiente de desenvolvimento para realizar este tutorial.

Próximas etapas next-steps

Um tutorial passo a passo percorre a conversão do Projeto do site da WKND no AEM para habilitá-lo para o pipeline de front-end.

O que você está esperando? Para iniciar o tutorial, navegue até o capítulo Revisar projeto de pilha completa e recapitule o ciclo de vida de desenvolvimento de front-end no contexto do projeto padrão do AEM Sites.

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