Criar um site create-site
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 prerequisites
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.
Os ambientes do Programa de produção 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.
O SDK do AEM pode ser usado para partes deste tutorial. Aspectos deste tutorial que dependem dos serviços em nuvem, como implantar temas com o pipeline de front-end do Cloud Manager, não podem ser executados no SDK AEM.
Revise a documentação de integração para obter mais detalhes.
Objetivo objective
- Saiba como usar o Assistente de criação de site para gerar um novo site.
- Entenda a função dos Modelos de site.
- Explore o site gerado pelo AEM.
Faça logon no Adobe Experience Manager Author author
Como primeira etapa, faça logon no ambiente do AEM as a Cloud Service. Os ambientes AEM são divididos entre um Serviço do autor e um Serviço do Publish.
- Serviço de Autor - onde o conteúdo do site é criado, gerenciado e atualizado. Normalmente, apenas usuários internos têm acesso ao Serviço do Autor e estão atrás de uma tela de logon.
- Publish Service - hospeda o site ativo. Esse é o serviço que os usuários finais verão e que normalmente está disponível publicamente.
A maioria dos tutoriais será realizada usando o Serviço do autor.
-
Navegue até Adobe Experience Cloud https://experience.adobe.com/. Faça logon usando sua Conta pessoal ou uma Conta da empresa/escola.
-
Verifique se a Organização correta está selecionada no menu e clique em Experience Manager.
-
Em Cloud Manager, clique em Iniciar.
-
Passe o mouse sobre o Programa que deseja usar e clique no ícone Programa Cloud Manager.
-
No menu superior, clique em Ambientes para exibir os ambientes provisionados.
-
Encontre o ambiente que você deseja usar e clique no URL do autor.
note note NOTE É recomendável usar um ambiente de Desenvolvimento para este tutorial. -
Uma nova guia é iniciada para o AEM Serviço de Autor. Clique em Entrar com o Adobe e você deverá fazer logon automaticamente com as mesmas credenciais de Experience Cloud.
-
Depois de ser redirecionado e autenticado, você deve ver a tela inicial do AEM.
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. O Adobe fornece um Modelo básico de site para acelerar novas implementações.
-
Abra uma nova guia do navegador e navegue até o projeto Modelo básico de site no GitHub: https://github.com/adobe/aem-site-template-standard. O projeto é de código aberto e licenciado para ser usado por qualquer pessoa.
-
Clique em Versões e navegue até a última versão.
-
Expanda a lista suspensa Assets e baixe o arquivo zip do modelo:
Esse arquivo zip é usado no próximo exercício.
note note NOTE Este tutorial é escrito usando a versão 1.1.0 do Modelo de site básico. 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.
-
Retornar ao ambiente do AEM. Na tela inicial do AEM, navegue até Sites.
-
No canto superior direito, clique em Criar > Site (Modelo). Isso exibirá o Assistente de Criação de Site.
-
Em Selecione um modelo de site, clique no botão Importar.
Carregue o arquivo de modelo .zip baixado do exercício anterior.
-
Selecione o Modelo básico de site AEM e clique em Avançar.
-
Em Detalhes do Site > Título do site, digite
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".
-
Em Nome do site, digite
wknd.
note note NOTE Se estiver usando um ambiente compartilhado do AEM, anexe um identificador exclusivo ao Nome do Site. Por exemplo wknd-site-johndoe. Isso garantirá que vários usuários possam concluir o mesmo tutorial, sem colisões. -
Clique em Criar para gerar o Site. Clique em Concluído na caixa de diálogo Sucesso quando o AEM terminar de criar o site.
Explorar o novo site
-
Navegue até o console AEM Sites, se ainda não estiver lá.
-
Um novo Site WKND foi gerado. Ele incluirá uma estrutura de site com uma hierarquia multilíngue.
-
Abra a página Inglês > Página inicial selecionando a página e clicando no botão Editar na barra de menus:
-
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.
Conteúdo de exemplo fornecido pelo Modelo de Site
Parabéns. congratulations
Parabéns, você acabou de criar seu primeiro site AEM!
Próximas etapas next-steps
Use o Editor de páginas no Adobe Experience Manager, AEM, para atualizar o conteúdo do site no capítulo Criar conteúdo e publicar. Saiba como os Componentes atômicos podem ser configurados para atualizar conteúdo. Entenda a diferença entre um autor de AEM e ambientes do Publish e saiba como publicar atualizações no site ativo.