Criar um site

Última atualização em 2023-12-04
  • Criado para:
  • Beginner
    Developer

Como parte da Criação rápida de sites, use o Assistente de criação de sites no Adobe Experience Manager, AEM, para gerar um novo site. O modelo de site padrão fornecido pelo Adobe é usado como ponto de partida para o novo site.

Pré-requisitos

As etapas deste capítulo ocorrerão em um ambiente Adobe Experience Manager as a Cloud Service. Verifique se você tem acesso administrativo ao ambiente AEM. É recomendável usar um Programa de sandbox e Ambiente de desenvolvimento ao concluir este tutorial.

Programa de produção os ambientes também podem ser usados para este tutorial; no entanto, verifique se as atividades deste tutorial não afetarão o trabalho que está sendo executado nos ambientes de destino, pois este tutorial implanta conteúdo e código no ambiente AEM de destino.

A variável SDK do AEM O pode ser usado para partes deste tutorial. Aspectos deste tutorial que dependem dos serviços em nuvem, como implantação de temas com o pipeline de front-end do Cloud Manager, não pode ser executado no SDK do AEM.

Revise o documentação de integração para obter mais detalhes.

Objetivo

  1. Saiba como usar o Assistente de criação de site para gerar um novo site.
  2. Entenda a função dos Modelos de site.
  3. Explore o site gerado pelo AEM.

Faça logon no Adobe Experience Manager Author

Como primeira etapa, faça logon no ambiente as a Cloud Service do AEM. Os ambientes AEM são divididos entre um Serviço do autor e uma Serviço de publicação.

  • Serviço do autor - onde o conteúdo do site é criado, gerenciado e atualizado. Normalmente, apenas usuários internos têm acesso à Serviço do autor e está atrás de uma tela de logon.
  • Serviço de publicação - hospeda o site ativo. Esse é o serviço que os usuários finais verão e que normalmente está disponível publicamente.

A maioria do tutorial ocorrerá usando o Serviço do autor.

  1. Navegue até o Adobe Experience Cloud https://experience.adobe.com/. Faça logon usando sua Conta pessoal ou uma Conta da empresa/escola.

  2. Verifique se a Organização correta está selecionada no menu e clique em Experience Manager.

    Página inicial do Experience Cloud

  3. Em Cloud Manager click Launch.

  4. Passe o mouse sobre o programa que deseja usar e clique no link Programa do Cloud Manager ícone.

    Ícone do programa do Cloud Manager

  5. No menu superior, clique em Ambientes para visualizar os ambientes provisionados.

  6. Localize o ambiente que deseja usar e clique em URL do autor.

    Acessar autor do desenvolvedor

    OBSERVAÇÃO

    É recomendável usar um Desenvolvimento para este tutorial.

  7. Uma nova guia é aberta para o AEM Serviço do autor. Clique em Entrar com o Adobe e você deve fazer logon automaticamente com as mesmas credenciais de Experience Cloud.

  8. Depois de ser redirecionado e autenticado, você deve ver a tela inicial do AEM.

    Tela inicial do AEM

OBSERVAÇÃO

Está tendo problemas para acessar o Experience Manager? Revise o documentação de integração

Baixar o modelo de site básico

Um Modelo de site fornece um ponto de partida para um novo site. Um Modelo de site inclui alguns temas básicos, modelos de página, configurações e conteúdo de amostra. Cabe ao desenvolvedor determinar exatamente o que está incluído no Modelo de site. Adobe fornece um Modelo básico do site para acelerar novas implementações.

  1. Abra uma nova guia do navegador e navegue até o projeto Modelo de site básico no GitHub: https://github.com/adobe/aem-site-template-standard. O projeto é de código aberto e licenciado para ser usado por qualquer pessoa.

  2. Clique em Versões e navegue até o versão mais recente.

  3. Expanda a Assets selecione a lista suspensa e baixe o arquivo zip do modelo:

    Zip de modelo de site básico

    Esse arquivo zip é usado no próximo exercício.

    OBSERVAÇÃO

    Este tutorial é escrito usando a versão 1.1.0 do Modelo básico de site. Ao iniciar um novo projeto para uso de produção, é sempre recomendável usar a versão mais recente.

Criar um novo site

Em seguida, gere um novo site usando o Modelo de site do exercício anterior.

  1. Retornar ao ambiente do AEM. Na tela inicial do AEM, acesse Sites.

  2. No canto superior direito, clique em Criar > Site (Modelo). Isso trará à tona o Assistente de Criação de Site.

  3. Em Selecionar um modelo de site clique em Importar botão.

    Faça upload do .zip arquivo de modelo baixado do exercício anterior.

  4. Selecione o Modelo básico do site AEM e clique em Próxima.

    Selecionar modelo de site

  5. Em Detalhes do site > Título do site inserir WKND Site.

    Em uma implementação real, o "Site WKND" seria substituído pelo nome da marca da sua empresa ou organização. Neste tutorial, estamos simulando a criação de um site para uma marca fictícia de estilo de vida "WKND".

  6. Em Nome do site inserir wknd.

    Detalhes do modelo de site

    OBSERVAÇÃO

    Se estiver usando um ambiente compartilhado do AEM, anexe um identificador exclusivo à Nome do site. Por exemplo wknd-site-johndoe. Isso garantirá que vários usuários possam concluir o mesmo tutorial, sem colisões.

  7. Clique em Criar para gerar o Site. Clique em Concluído no Sucesso quando o AEM terminar de criar o site.

Explorar o novo site

  1. Navegue até o console AEM Sites, se ainda não estiver lá.

  2. Um novo Site da WKND foi gerado. Ele incluirá uma estrutura de site com uma hierarquia multilíngue.

  3. Abra o Inglês > Início selecionando a página e clicando no ícone Editar botão na barra de menus:

    Hierarquia do site WKND

  4. O conteúdo inicial já foi criado e vários componentes estão disponíveis para serem adicionados a uma página. Experimente esses componentes para ter uma ideia da funcionalidade. Você aprenderá as noções básicas de um componente no próximo capítulo.

    Iniciar página inicial

    Conteúdo de amostra fornecido pelo modelo de site

Parabéns.

Parabéns, você acabou de criar seu primeiro site AEM!

Próximas etapas

Use o Editor de páginas no Adobe Experience Manager, AEM, para atualizar o conteúdo do site na Criar conteúdo e publicar capítulo. Saiba como os Componentes atômicos podem ser configurados para atualizar conteúdo. Entenda a diferença entre um autor de AEM e ambientes de publicação e saiba como publicar atualizações no site ativo.

Nesta página