Habilitar o pipeline de front-end

Saiba como habilitar o pipeline de front-end para que os sites existentes usem temas de site para uma personalização mais rápida.

Visão geral

O pipeline de front-end é um mecanismo que pode implantar rapidamente apenas o código front-end de seus sites, com base em temas de site e modelos de site.

Em vez de implantar a pilha completa, somente o código front-end é manipulado por esse pipeline, agilizando o processo e permitindo que os desenvolvedores de front-end personalizem seu site de maneira fácil e rápida, sem necessidade de ter conhecimento sobre o AEM.

Sites baseados em modelos de site podem usar o pipeline de front-end por padrão. Este documento descreve como você pode adaptar seus sites existentes para aproveitar o pipeline de front-end.

Se você não tiver criado o site existente com base em modelos de site e temas, o AEM poderá configurar o site para carregar os temas que são implantados com o pipeline de front-end sobre as bibliotecas de clientes existentes.

Detalhes técnicos

Quando você ativa o pipeline de front-end para um site, o AEM faz as seguintes alterações na estrutura do site.

• Todas as páginas do site incluirão um arquivo CSS e JS adicional, que pode ser modificado ao implantar atualizações por meio de um pipeline de front-end dedicado do Cloud Manager.
• Os arquivos CSS e JS adicionados estarão inicialmente vazios, mas uma pasta de “fontes de temas” pode ser baixada para inicializar a estrutura da pasta que permite implantar atualizações de código CSS e JS por meio desse pipeline.
• Essa alteração só pode ser desfeita por um desenvolvedor, excluindo os nós SiteConfig e HtmlPageItemsConfig que esta operação cria abaixo de /conf/<site-name>/sling:configs.

Requisitos

O AEM pode adaptar automaticamente seu site existente para usar o pipeline de front-end. Para fazer isso, seu site deve usar a versão v2 ou mais recente do Componente de página dos Componentes principais.

Ativação do pipeline de front-end

A ativação do site é feita pelo console de sites, usando o painel Site.

1. Faça logon no AEM e navegue até o site através de Navegação global > Sites.

2. Selecione seu site no console. Selecione a raiz do site e não qualquer página secundária.

3. Com seu site selecionado, abra o seletor de painéis à esquerda e escolha Site.

4. No painel Site, clique no botão Ativar pipeline de front-end.

   

5. O AEM solicita sua confirmação com uma visão geral das alterações que serão feitas. Confirme e o site estará adaptado.

Agora, seu site está pronto para usar o pipeline de front-end. Para saber mais sobre o pipeline de front-end e gerenciar o tema do site, consulte:

• Usar o painel Site para gerenciar o tema do site
• Jornada de criação rápida de sites - esta jornada de documentação fornece a você uma visão geral do processo de implantação rápida de um site usando o pipeline de front-end e a ferramenta Criação rápida de site.
• Pipelines de CI/CD - este documento descreve o pipeline de front-end no contexto dos pipelines de nível de pilha completa e Web.