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

  1. Entenda os conceitos de Páginas e Componentes no AEM Sites.
  2. Saiba como atualizar o conteúdo do site.
  3. 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.

  1. Faça logon no Serviço AEM Author usado no capítulo anterior.

  2. Na tela inicial do AEM, clique em Sites > Site da WKND > Inglês > Artigo

  3. No canto superior direito, clique em Criar > Página.

    Criar página

    Isso exibirá o assistente Criar Página.

  4. 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.

  5. Em Propriedades, digite um Título de "Olá, mundo".

  6. Defina o Nome como hello-world e clique em Criar.

    Propriedades da página inicial

  7. Na caixa de diálogo pop-up, clique em Abrir para abrir a página recém-criada.

Criar um componente author-component

Componentes AEM podem ser considerados pequenos blocos 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.

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 de interface do usuário mais complexos, como um Carrossel.

Em seguida, crie alguns componentes usando o Editor de páginas AEM.

  1. Navegue até a página Olá, mundo, criada no exercício anterior.

  2. Verifique se você está no modo Editar e, no painel lateral esquerdo, clique no ícone Componentes.

    Painel lateral do editor de páginas

    Isso abrirá a biblioteca de Componentes e listará os Componentes disponíveis que podem ser usados na página.

  3. Role para baixo e Arraste e solte um componente Texto (v2) na região editável principal da página.

    Arrastar + Soltar componente de texto

  4. Clique no componente Texto para realçar e clique na chave inglesa ícone ícone de chave inglesa para abrir a caixa de diálogo do componente. Insira algum texto e salve as alterações na caixa de diálogo.

    Componente de Rich Text

    O componente Texto agora deve exibir o rich text na página.

  5. 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.

  6. No painel à esquerda, alterne para o Localizador de ativos clicando no ícone do Assets ícone do ativo .

  7. Arraste e solte uma imagem na caixa de diálogo do Componente e clique em Concluído para salvar as alterações.

    Adicionar ativo à caixa de diálogo

  8. 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.

Atualizações do Publish publish-updates

Os ambientes AEM são divididos entre um Serviço do autor e um Serviço do Publish. 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 Publish Service.

Diagrama de alto nível

Fluxo de alto nível de conteúdo do Autor para o Publish

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. Os visitantes do site verão as alterações refletidas no serviço do Publish.

Publish as alterações

Em seguida, vamos publicar as alterações.

  1. Na tela inicial do AEM, navegue até Sites e selecione o Site WKND.

  2. Clique em Gerenciar publicação na barra de menus.

    Gerenciar publicação

    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.

  3. Em Opções, deixe as configurações padrão para Publish e agende-as para Agora. Clique em Avançar.

  4. 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.

    Atualizar escopo de publicação

  5. 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.

    Referências do Publish

  6. Por fim, marque a caixa ao lado de Site WKND e clique em Avançar no canto superior direito.

  7. 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 Publish.

Publicação inicial da etapa do fluxo de trabalho

Exibir conteúdo publicado publish

Em seguida, navegue até o serviço Publish para visualizar as alterações.

  1. Uma maneira fácil de obter a URL do Serviço Publish é copiar a URL do Autor e substituir a palavra author por publish. Por exemplo:

    • URL do Autor - https://author-pYYYY-eXXXX.adobeaemcloud.com/
    • URL DO Publish - https://publish-pYYYY-eXXXX.adobeaemcloud.com/
  2. Adicione /content/wknd.html à URL do Publish para que a URL final seja semelhante a: https://publish-pYYYY-eXXXX.adobeaemcloud.com/content/wknd.html.

    note note
    NOTE
    Altere wknd.html para corresponder ao nome do seu site, se você forneceu um nome exclusivo durante a criação do site.
  3. Ao navegar para o URL do Publish, você deve ver o site, sem nenhuma funcionalidade de criação do AEM.

    Site publicado

  4. Usando o menu Navegação, clique em Artigo > Olá, mundo para navegar até a página Olá, mundo criada anteriormente.

  5. Retorne ao Serviço de Autor do AEM e faça algumas alterações de conteúdo adicionais no Editor de Páginas.

  6. Publish Faça essas alterações diretamente no editor de páginas clicando no ícone Propriedades da página > Página do Publish

    publicar direto

  7. Retorne ao Serviço Publish do AEM para exibir as alterações. Muito provavelmente você não verá as atualizações imediatamente. Isso ocorre porque o Serviço Publish do AEM inclui o armazenamento em cache por meio de um servidor Web Apache e CDN. Por padrão, o conteúdo de HTML é armazenado em cache por ~5 minutos.

  8. Para ignorar o cache para fins de teste/depuração, basta adicionar um parâmetro de consulta como ?nocache=true. A URL seria semelhante a https://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.

  9. Você também pode encontrar o URL para o serviço Publish no Cloud Manager. Navegue até o Programa Cloud Manager > Ambientes > Ambiente.

    Exibir Serviço Publish

    Em Segmentos de ambiente, você pode encontrar links para os serviços Author e Publish.

Parabéns. congratulations

Parabéns, você acabou de criar e publicar alterações no seu site 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.

recommendation-more-help
b2a561c1-47c0-4182-b8c1-757a197484f9