Introdução à criação e publicação author-content-publish
É importante entender como um usuário atualizará o conteúdo do site. Neste capítulo, adotaremos a persona de um autor de conteúdo e faremos algumas atualizações editoriais no site gerado no capítulo anterior. No fim do capítulo, publicaremos as alterações para entender como o site ativo é atualizado.
Pré-requisitos prerequisites
Este é um tutorial em várias partes, e presume-se que as etapas descritas no capítulo Criar um site tenham sido concluídas.
Objetivo objective
- Entender os conceitos de Páginas e Componentes no AEM Sites.
- Aprender a atualizar o conteúdo do site.
- Aprender a publicar alterações no site ativo.
Criar uma nova página create-page
Um site normalmente é dividido em páginas para formar uma experiência de várias páginas. O AEM estrutura o conteúdo da mesma maneira. Em seguida, crie uma nova página para o site.
-
Faça logon no serviço de Criação do AEM usado no capítulo anterior.
-
Na tela inicial do AEM, clique em Sites > Site da WKND > Português > Artigo
-
No canto superior direito, clique em Criar > Página.
Isso exibirá o assistente Criar página.
-
Escolha o modelo da Página de artigo e clique em Próximo.
As páginas no AEM são criadas com base em um modelo de página. Os modelos de página são detalhados no capítulo Modelos de página.
-
Em Propriedades, digite o Título “Olá, mundo”.
-
Defina o Nome como
hello-worlde clique em Criar.
-
Na caixa de diálogo pop-up, clique em Abrir para abrir a página recém-criada.
Criar um componente author-component
Os componentes do AEM podem ser considerados pequenos blocos de construção modulares de uma página da web. Ao dividir a interface em partes lógicas ou componentes, fica muito mais fácil gerenciá-la. Para reutilizar componentes, eles precisam ser configuráveis. Isso é feito por meio da caixa de diálogo de criação.
O AEM fornece um conjunto de Componentes principais que estão prontos para uso na produção. Os Componentes principais variam de elementos básicos, como Texto e Imagem, a elementos da IU mais complexos, como um Carrossel.
Em seguida, crie alguns componentes com o editor de páginas do AEM.
-
Navegue até a página Olá, mundo, criada no exercício anterior.
-
Certifique-se de estar no modo Editar e, no painel lateral esquerdo, clique no ícone Componentes.
Isso abrirá a biblioteca de componentes e listará os componentes disponíveis que podem ser usados na página.
-
Role para baixo e Arraste e solte um componente de Texto (v2) na região editável principal da página.
-
Selecione o componente de Texto para realçá-lo e clique no ícone de chave inglesa
O componente de Texto agora deve exibir o rich text na página.
-
Repita as etapas acima, mas arrastando uma instância do componente de Imagem (v2) para a página. Abra a caixa de diálogo do componente de Imagem.
-
No painel à esquerda, alterne para o Localizador de ativos, clicando no ícone de ativos
-
Arraste e solte uma imagem na caixa de diálogo do componente e clique em Concluído para salvar as alterações.
-
Observe que há componentes na página, como Título, Navegação e Pesquisa, que são fixos. Essas áreas são configuradas como parte do modelo de página e não podem ser modificadas em uma página individual. Isso será abordado mais a fundo no próximo capítulo.
Experimente alguns dos outros componentes. A documentação sobre cada componente principal pode ser encontrada aqui. Uma série de vídeos detalhados sobre a criação de páginas pode ser encontrada aqui.
Publicar atualizações publish-updates
Os ambientes do AEM são divididos entre um Serviço do criação e um Serviço de publicação. Neste capítulo, fizemos várias modificações no site no Serviço de criação. Para que os visitantes do site vejam as alterações, precisamos publicá-las no Serviço de publicação.
Fluxo de conteúdo de alto nível da criação para a publicação
1. Os criadores de conteúdo fazem atualizações no conteúdo do site. As atualizações podem ser visualizadas, revisadas e aprovadas para entrar no ar.
2. O conteúdo é publicado. A publicação pode ser feita sob demanda ou programada para uma data futura.
3. Os visitantes do site verão as alterações refletidas no serviço de publicação.
Publicar as alterações
Em seguida, vamos publicar as alterações.
-
Na tela inicial do AEM, navegue até Sites e selecione o Site da WKND.
-
Clique em Gerenciar publicação na barra do menu.
Como se trata de um site totalmente novo, temos que publicar todas as páginas e podemos usar o assistente “Gerenciar publicação” para definir exatamente o que precisa ser publicado.
-
Em Opções, deixe as configurações padrão como Publicar e programe-as para Agora. Clique em Avançar.
-
Em Escopo, selecione o Site da WKND e clique em Incluir configurações secundárias. Na caixa de diálogo, marque Incluir secundárias. Desmarque o restante das caixas para garantir que o site inteiro seja publicado.
-
Clique no botão Referências publicadas. Na caixa de diálogo, verifique se tudo está marcado. Isso inclui o Modelo de site padrão e várias configurações geradas pelo modelo de site. Clique em Concluído para atualizar.
-
Por fim, marque a caixa ao lado de Site da WKND e clique em Próximo, no canto superior direito.
-
Na etapa Fluxos de trabalho, insira o Título do fluxo de trabalho. Pode ser qualquer texto e pode ser útil como parte de uma trilha de auditoria posteriormente. Digite “Publicação inicial” e clique em Publicar.
Visualizar o conteúdo publicado publish
Em seguida, navegue até o serviço de publicação para visualizar as alterações.
-
Uma maneira fácil de obter o URL do serviço de publicação é copiar o URL da criação e substituir a palavra
authorporpublish. Por exemplo:- URL da criação:
https://author-pYYYY-eXXXX.adobeaemcloud.com/ - URL da publicação:
https://publish-pYYYY-eXXXX.adobeaemcloud.com/
- URL da criação:
-
Adicione
/content/wknd.htmlao URL da publicação, de modo que o URL final fique semelhante a:https://publish-pYYYY-eXXXX.adobeaemcloud.com/content/wknd.html.note note NOTE Altere wknd.htmlpara corresponder ao nome do seu site, caso tenha fornecido um nome exclusivo durante a criação do site. -
Ao navegar até o URL da publicação, você deve ver o site, sem nenhum dos recursos de criação do AEM.
-
Usando o menu Navegação, clique em Artigo > Olá, mundo para navegar até a página “Olá, mundo” criada anteriormente.
-
Retorne ao Serviço de criação do AEM e faça algumas alterações adicionais no conteúdo dentro do editor de páginas.
-
Publique essas alterações diretamente no editor de páginas, clicando no ícone Propriedades da página > Publicar página
-
Retorne ao Serviço de publicação do AEM para visualizar as alterações. É muito provável que você não veja as atualizações imediatamente. Isso ocorre porque o Serviço de publicação do AEM inclui o armazenamento em cache por meio de um servidor da web Apache e uma CDN. Por padrão, o conteúdo do HTML é armazenado em cache por ~5 minutos.
-
Para ignorar o cache para fins de teste/depuração, basta adicionar um parâmetro de consulta, como
?nocache=true. O URL ficaria semelhante ahttps://publish-pYYYY-eXXXX.adobeaemcloud.com/content/wknd/en/article/hello-world.html?nocache=true. Mais detalhes sobre a estratégia de armazenamento em cache e as configurações disponíveis podem ser encontrados aqui. -
Você também pode encontrar o URL do serviço de publicação no Cloud Manager. Navegue até Programa do Cloud Manager > Ambientes > Ambiente.
Em Segmentos de ambiente, você pode encontrar links para os serviços de Criação e Publicação.
Parabéns! congratulations
Parabéns, você acabou de criar e publicar as alterações no seu site do AEM.
Próximas etapas next-steps
Em uma implementação real, o planejamento de um site com simulações e designs da IU normalmente precede a criação do site. Saiba como os kits da IU do Adobe XD podem ser usados para projetar e acelerar a sua implementação do Adobe Experience Manager Sites no planejamento da IU com o Adobe XD.
Deseja continuar conhecendo os recursos do AEM Sites? Sinta-se à vontade para pular diretamente para o capítulo de Modelos de página para entender a relação entre um modelo de página e uma página.