Configuração rápida do AEM sem periféricos para AEM as a Cloud Service

Navegue até https://my.cloudmanager.adobe.com

Selecione o Programa do Cloud Manager que contém o ambiente AEM as a Cloud Service a ser usado para esta configuração rápida

Criar um repositório Git para o projeto do Site WKND

1. Selecione Repositórios na navegação superior
2. Selecione Adicionar repositório na barra de ações superior
3. Nomeie o novo repositório Git: aem-headless-quick-setup-wknd
   • Os nomes dos repositórios Git devem ser exclusivos por organização Adobe,
4. Selecione Salvar e aguarde a inicialização do repositório Git

Na linha de comando, clone do GitHub o código-fonte do projeto do site WKND de amostra

$ mkdir -p ~/Code
$ cd ~/Code
$ git clone git@github.com:adobe/aem-guides-wknd.git

Adicionar o repositório Git do Cloud Manager como remoto

1. Selecione Repositórios na navegação superior

2. Selecione Acessar informações do repositório na barra de ação superior

3. Executar comando encontrado em Adicionar um remoto ao repositório Git a partir da linha de comando

   code language-shell
   $ cd aem-guides-wknd $ git remote add adobe https://git.cloudmanager.adobe.com/<YOUR ADOBE ORGANIZATION>/aem-headless-quick-setup-wknd/

Envie o código-fonte do projeto de amostra do seu repositório Git local para o repositório Git da Cloud Manager

$ git push adobe main:main

Quando as credenciais forem solicitadas, forneça o Nome de usuário e a Senha do modal Informações do repositório da Cloud Manager.

Anexe um pipeline de implantação de não produção ao novo repositório Git

1. Selecione Pipelines na navegação superior

2. Selecione Adicionar pipeline na barra de ação superior

3. Na guia Configuração

   1. Selecione a opção Pipeline de implantação
   2. Defina o Nome do Pipeline de Não Produção como Dev Deployment pipeline
   3. Selecione Acionador Da Implantação > Sobre Alterações Do Git
   4. Selecionar Comportamento de Falhas de Métricas Importantes > Continuar Imediatamente
   5. Selecionar Continuar

4. Na guia Código Source

   1. Selecione a opção Código de pilha completa
   2. Selecione o ambiente de desenvolvimento do AEM as a Cloud Service na caixa de seleção Ambientes de implantação qualificados
   3. Selecione aem-headless-quick-setup-wknd na caixa de seleção Repositório
   4. Selecione main na caixa de seleção Ramificação Git
   5. Selecione Salvar

Executar o Pipeline de Implantação de Desenvolvimento

1. Selecione Visão geral na navegação superior
2. Localize o pipeline de Implantação de Desenvolvimento recém-criado na seção Pipelines
3. Selecione o … à direita da entrada do pipeline
4. Selecione Executar e confirme no modal
5. Selecione o … à direita do pipeline em execução
6. Selecione Exibir detalhes

Nos detalhes de execução do pipeline, monitore o progresso até que ele seja concluído com êxito. A execução do pipeline deve levar entre 30 e 40 minutos.

Na linha de comando, clone o código-fonte do aplicativo React do GitHub.

$ cd ~/Code
$ git clone git@github.com:adobe/aem-guides-wknd-graphql.git

Abra a pasta ~/Code/aem-guides-wknd-graphql/react-app no IDE.

No IDE, abra o arquivo .env.development.

Aponte para o URI do host do serviço AEM as a Cloud Service Publish a partir da propriedade REACT_APP_HOST_URI.

REACT_APP_HOST_URI=https://publish-pXXXX-eYYYY.adobeaemcloud.com
...

Para encontrar o URI do host do serviço AEM as a Cloud Service Publish:

1. No Cloud Manager, selecione Ambientes na navegação superior
2. Selecionar ambiente de desenvolvimento
3. Localize a tabela Serviço Publish (AEM e Dispatcher) no link Segmentos de ambiente
4. Copie o endereço do link e use-o como o URI do serviço AEM as a Cloud Service Publish

No IDE, salve as alterações em .env.development

Na linha de comando, execute o aplicativo React

$ cd ~/Code/aem-guides-wknd-graphql/react-app
$ npm install
$ npm start

O aplicativo React, executado localmente, começa em http://localhost:3000 e exibe uma lista de aventuras, que são originadas no AEM as a Cloud Service usando as APIs GraphQL do AEM Headless.

Fazer logon no serviço de Autor do AEM as a Cloud Service

Navegue até Assets > Arquivos > Compartilhado WKND > Inglês > Aventuras

Abra a Pasta Ciclismo Sul de Utah

Selecione o Fragmento de conteúdo Ciclo Sul de Utah e selecione Editar na barra de ação superior

Atualize alguns campos do Fragmento de conteúdo, por exemplo:

• Título: Cycling Utah's National Parks
• Duração da Viagem: 6 Days
• Dificuldade: Intermediate
• Preço: 3500
• Imagem Principal: /content/dam/wknd-shared/en/activities/cycling/mountain-biking.jpg

Selecione Salvar na barra de ações superior

Selecione Publish Rápido na barra de ações superior …

Atualize o Aplicativo React em execução em http://localhost:3000.

No aplicativo React, selecione a aventura Ciclismo atualizada e verifique as alterações de conteúdo feitas no fragmento de conteúdo.

Usando a mesma abordagem, no serviço de Autor de AEM:

1. Desfaça a publicação de um fragmento de conteúdo Adventure existente e verifique se ele foi removido da experiência do aplicativo React
2. Crie e publique um novo Fragmento de conteúdo de aventura e verifique se ele aparece na experiência do aplicativo React