Habilitar pipeline front-end para o arquétipo padrão de projeto AEM enable-front-end-pipeline-standard-aem-project
Saiba como habilitar o Projeto de Sites WKND do AEM (também conhecido como Projeto AEM Padrão) 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 até a implantação. A separação do desenvolvimento front-end do desenvolvimento back-end de pilha completa no AEM. Você também aprenderá como esses recursos de front-end são não oferecidos pelo repositório AEM, mas pela CDN, uma mudança no paradigma de entrega.
Um novo pipeline de front-end é criado no Adobe Cloud Manager que cria e implanta apenas ui.frontend
artefatos no CDN incorporado e informa o AEM sobre sua localização. No AEM, durante a geração de HTML da página da Web, as tags <link>
e <script>
se referem a esse local do artefato no valor do atributo href
.
No entanto, após a conversão do projeto AEM do WKND Sites, os desenvolvedores de front-end podem trabalhar separadamente e em paralelo a qualquer desenvolvimento de back-end de pilha completa no AEM, que tem seus próprios pipelines de implantação.
Um tutorial em várias etapas relacionado aborda a implementação de um site 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 tema para entender o funcionamento do pipeline de front-end.
Visão geral, benefícios e considerações para pipeline de front-end
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 as Definições de função do Cloud Manager.
Use o Programa de sandbox e o Ambiente de desenvolvimento ao concluir este tutorial.
Próximas etapas next-steps
Um tutorial passo a passo percorre a conversão do Projeto de sites WKND do AEM para habilitá-lo para o pipeline de front-end.
O que você está esperando? Inicie o tutorial navegando até o capítulo Revisar projeto de pilha completa e recapitule o ciclo de vida de desenvolvimento front-end no contexto do projeto padrão do AEM Sites.