Habilitar o pipeline de front-end enable-front-end-pipeline

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 overview

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.

TIP
Se não conhece o funcionamento do pipeline de front-end e como implantar sites rapidamente usando esse pipeline e os modelos de site, consulte Jornada de criação rápida de sites para obter uma introdução.

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 technical-details

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.
NOTE
Essa ação não converterá automaticamente as bibliotecas de clientes existentes do site para usar o pipeline de front-end. Mover essas fontes da pasta da biblioteca do cliente para a pasta do pipeline de front-end é uma tarefa que requer o trabalho manual de um desenvolvedor front-end.

Requisitos requirements

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 enabling

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.

    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:

recommendation-more-help
fbcff2a9-b6fe-4574-b04a-21e75df764ab