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 final do capítulo, publicaremos as alterações para entender como o site ativo é atualizado.
Pré-requisitos prerequisites
Este é um tutorial de várias partes e presume-se que as etapas descritas no capítulo Criar um site foram concluídas.
Objetivo objective
- Entenda os conceitos de Páginas e Componentes no AEM Sites.
- Saiba como atualizar o conteúdo do site.
- Saiba como publicar alterações no site em tempo real.
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 Autor do AEM usado no capítulo anterior.
-
Na tela inicial do AEM, clique em Sites > Site WKND > Inglê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 Avançar.
As páginas no AEM são criadas com base em um modelo de página. Os Modelos de página são explorados detalhadamente no capítulo Modelos de página.
-
Em Propriedades, digite um Título de "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 gerenciar. Para reutilizar componentes, eles devem ser configuráveis. Isso é realizado por meio da caixa de diálogo do autor.
A 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 de interface do usuário mais complexos, como um Carrossel.
Em seguida, crie alguns componentes usando o Editor de páginas do AEM.
-
Navegue até a página Olá, mundo, criada no exercício anterior.
-
Verifique se você está 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 Texto (v2) na região editável principal da página.
-
Clique no componente Texto para realçar e clique na chave inglesa ícone
O componente Texto agora deve exibir o rich text na página.
-
Repita as etapas acima, exceto para arrastar uma instância do componente Imagem(v2) para a página. Abra a caixa de diálogo do componente Imagem.
-
No painel à esquerda, alterne para o Localizador de ativos clicando no ícone do Assets
-
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 o Título, Navegação, Pesquisa, que são corrigidos. Essas áreas são configuradas como parte do Modelo de página e não podem ser modificadas em uma página individual. Isso é explorado mais 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 detalhada sobre a criação de página pode ser encontrada aqui.
Publicar atualizações publish-updates
Os ambientes do AEM estão divididos entre um Serviço do autor e um Serviço de publicação. Neste capítulo, fizemos várias modificações no site no Serviço de Autor. Para que os visitantes do site vejam as alterações, precisamos publicá-las no Serviço de Publicação.
Fluxo de alto nível de conteúdo do Autor para a Publicação
1. autores de conteúdo fazem atualizações no conteúdo do site. As atualizações podem ser visualizadas, revisadas e aprovadas para serem enviadas ao vivo.
2. Conteúdo publicado. A publicação pode ser feita sob demanda ou programada para uma data futura.
3. 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 WKND.
-
Clique em Gerenciar publicação na barra de menus.
Como esse é um site totalmente novo, queremos 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 para Publicar e agende-as para Agora. Clique em Avançar.
-
Em Escopo, selecione o Site WKND e clique em Incluir Configurações Filho. Na caixa de diálogo, marque Incluir filhos. 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 incluirá 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 WKND e clique em Avançar no canto superior direito.
-
Na etapa Fluxos de Trabalho, insira um título de Fluxo de Trabalho. Pode ser qualquer texto e pode ser útil como parte de uma trilha de auditoria posteriormente. Insira "Publicação inicial" e clique em Publicar.
Exibir 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 a URL do Serviço de Publicação é copiar a URL do Autor e substituir a palavra
authorporpublish. Por exemplo:- URL do Autor -
https://author-pYYYY-eXXXX.adobeaemcloud.com/ - Publicar URL -
https://publish-pYYYY-eXXXX.adobeaemcloud.com/
- URL do Autor -
-
Adicione
/content/wknd.htmlà URL de publicação para que a URL final seja semelhante a:https://publish-pYYYY-eXXXX.adobeaemcloud.com/content/wknd.html.note note NOTE Altere wknd.htmlpara corresponder ao nome do seu site, se você forneceu um nome exclusivo durante a criação do site. -
Ao navegar até o URL de publicação, você deverá ver o site, sem nenhuma das funcionalidades 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 Autor do AEM e faça algumas alterações de conteúdo adicionais no 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 exibir as alterações. Muito provavelmente você não verá 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 Web Apache e 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. A URL seria semelhante ahttps://publish-pYYYY-eXXXX.adobeaemcloud.com/content/wknd/en/article/hello-world.html?nocache=true. Mais detalhes sobre a estratégia e as configurações de armazenamento em cache disponíveis podem ser encontrados aqui. -
Você também pode encontrar o URL para o serviço de publicação no Cloud Manager. Navegue até o Programa Cloud Manager > Ambientes > Ambiente.
Em Segmentos de ambiente, você pode encontrar links para os serviços Autor e Publicar.
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 modelos e designs de interface do usuário normalmente precede a criação do Site. Saiba como os Kits de Interface do Usuário do Adobe XD podem ser usados para projetar e acelerar sua implementação do Adobe Experience Manager Sites no planejamento de interface do usuário com o Adobe XD.
Deseja continuar explorando os recursos do AEM Sites? Fique à vontade para pular diretamente para o capítulo em Modelos de página para entender a relação entre um Modelo de página e uma Página.