Implantar um tema personalizado

Saiba como implantar o tema do site usando o pipeline.

A história até agora

No documento anterior da Jornada de criação rápida de site do AEM, Personalizar o tema do site, você aprendeu como o tema é criado, como personalizá-lo e como testá-lo usando conteúdo dinâmico do AEM; agora, você deve:

• Entender a estrutura básica do tema do site e como editá-la.
• Compreender como testar as personalizações de tema usando conteúdo real do AEM por meio de um proxy local.
• Saber como confirmar as alterações no repositório Git do AEM.

Agora você pode ir para a etapa final e usar o pipeline para implantá-los.

Objetivo

Este documento explica como implantar o tema usando o pipeline. Depois de ler esse documento, você deverá:

• Saber como acionar uma implantação de pipeline.
• Compreender como verificar o status da implantação.

Função de responsabilidade

Essa parte da jornada se aplica ao desenvolvedor de front-end.

Iniciar o pipeline

Depois de confirmar as alterações de personalização de tema no repositório Git do AEM, você poderá executar o pipeline que o administrador criou para implantar as alterações.

1. Faça logon no Cloud Manager como você fez para recuperar as informações de acesso do Git e acesse seu programa. Na guia Visão geral, você verá um cartão para Pipelines.

   

2. Toque ou clique nas reticências ao lado do pipeline que você precisa iniciar. No menu suspenso, selecione Executar.

   

3. Na caixa de diálogo de confirmação Executar pipeline, toque ou clique em Sim.

   

4. Na lista de pipelines, a coluna de status indica que o pipeline agora está em execução.

   

Verificar status do pipeline

É possível verificar o status do pipeline para ver os detalhes do progresso dele a qualquer momento.

1. Toque ou clique nas reticências ao lado do pipeline.

   

2. A janela de detalhes do pipeline mostra o detalhamento do progresso do pipeline.

   

Validar as personalizações implantadas

Quando o pipeline estiver concluído, você poderá informar o administrador para validar as alterações. Então, o administrador irá:

1. Abrir o ambiente de criação do AEM.
2. Navegar até o site que o administrador criou anteriormente.
3. Editar uma das páginas de conteúdo.
4. Consultar as alterações aplicadas.

Fim da jornada?

Parabéns. Você concluiu a jornada de criação rápida de site do AEM. Agora você deve:

• Compreender como o Cloud Manager e o pipeline de front-end operam para gerenciar e implantar personalizações de front-end.
• Descobrir como criar um site do AEM com base em um modelo e como baixar o tema do site.
• Como integrar um desenvolvedor front-end para que ele possa acessar o repositório Git do AEM.
• Como personalizar e testar um tema usando conteúdo de proxy do AEM e confirmar essas alterações no Git do AEM.
• Como implantar a personalização de front-end usando o pipeline.

Agora você está pronto para personalizar os temas de seu próprio site do AEM. No entanto, antes de começar a criar fluxos de trabalho diferentes usando vários pipelines de front-end, revise o documento Desenvolvimento de sites com o pipeline de front-end. Ele ajudará você a aproveitar ao máximo o seu desenvolvimento de front-end:

• Mantendo uma única fonte de verdade.
• Separando as preocupações.

O AEM é uma ferramenta eficiente, e há muitas opções adicionais disponíveis. Confira alguns dos recursos adicionais disponíveis na seção Recursos adicionais para saber mais sobre os recursos que você viu nesta jornada.

Recursos adicionais

Veja a seguir alguns recursos adicionais que explicam melhor alguns conceitos mencionados neste documento.

• Usar o painel Site para gerenciar o tema do site - conheça os recursos avançados do painel Site que ajudarão você a personalizar e gerenciar facilmente o tema do seu site, incluindo o download de fontes de temas e o gerenciamento de versões de temas.
• Documentação técnica do AEM as a Cloud Service - se você já conhece bem o AEM, poderá consultar diretamente os documentos técnicos detalhados.
• Documentação do Cloud Manager - se desejar obter mais detalhes sobre os recursos do Cloud Manager, consulte diretamente os documentos técnicos detalhados.
• Permissões baseadas em função - o Cloud Manager tem funções pré-configuradas com permissões apropriadas. Consulte este documento para obter detalhes sobre essas funções e sobre como administrá-las.
• Repositórios do Cloud Manager - se você precisa de mais informações sobre como configurar e gerenciar repositórios do Git para seu projeto do AEMaaCS, consulte este documento.
• Configurar pipeline de CI/CD - Cloud Services - obtenha mais detalhes sobre a configuração de pipelines, de pilha completa ou de front-end, neste documento.
• Modelo de site padrão do AEM - este é o repositório GitHub do modelo de site padrão do AEM.
• Tema de site do AEM - este é o repositório GitHub do tema de site do AEM.
• npm - temas do AEM usados para criar sites rapidamente se baseiam em npm.
• webpack - os temas do AEM usados para criar sites rapidamente dependem do webpack.
• Criar e organizar páginas - este guia detalha como gerenciar páginas do seu site do AEM, caso deseje personalizá-lo ainda mais após criá-lo a partir do modelo.
• Como trabalhar com pacotes - Os pacotes permitem a importação e exportação de conteúdo do repositório. Este documento explica como trabalhar com pacotes no AEM 6.5, o que também se aplica ao AEMaaCS.
• Jornada de integração - este guia serve como ponto de partida para garantir que suas equipes estejam preparadas e tenham acesso ao AEM as a Cloud Service.
• Documentação do Adobe Experience Manager Cloud Manager - explore a documentação do Cloud Manager para obter detalhes completos sobre seus recursos.
• Documentação de administração do site - consulte os documentos técnicos sobre criação de sites para obter mais detalhes sobre os recursos da ferramenta Criação rápida de sites.
• Desenvolvimento de sites com o pipeline de front-end - este documento descreve algumas considerações que devem ser levadas em conta para obter todo o potencial do processo de desenvolvimento front-end usando o pipeline de front-end.

Recursos do Business.Adobe.com