Configuração rápida do AEM Headless usando o AEM SDK local setup

Navegue até a Portal de distribuição de software > AEM as a Cloud Service e baixe a versão mais recente da SDK do AEM.

Descompacte o download e copie o jar de Início rápido (aem-sdk-quickstart-XXX.jar) para uma pasta dedicada, ou seja, ~/aem-sdk/author.

Renomeie o arquivo jar para aem-author-p4502.jar.

A variável author O nome especifica que o Quickstart jar inicia no modo Autor. A variável p4502 especifica que o Quickstart é executado na porta 4502.

Para instalar e iniciar a instância do AEM, abra um prompt de comando na pasta que contém o arquivo jar e execute o seguinte comando:

$ cd ~/aem-sdk/author
$ java -jar aem-author-p4502.jar

Forneça uma senha de administrador como admin. Qualquer senha de administrador é aceitável, no entanto, é recomendável usar admin para que o desenvolvimento local reduza a necessidade de reconfiguração.

Quando o serviço AEM terminar de ser instalado, uma nova janela do navegador deverá abrir em http://localhost:4502.

Fazer logon com o nome de usuário admin e a senha selecionada durante a primeira inicialização do AEM (geralmente admin).

Baixe o pacote AEM compilado mais recente para o Site WKND: aem-guides-wknd.all-x.x.x.zip.

No Início do AEM , navegue até Ferramentas > Implantação > Pacotes.

Clique em Fazer upload do pacote e escolha o pacote WKND baixado na etapa anterior. Clique em Instalar para instalar o pacote.

No Início do AEM , navegue até Assets > Arquivos > WKND compartilhado > Inglês > Aventuras.

Esta é uma pasta de todos os ativos que compõem as várias Aventuras promovidas pela marca WKND. Isso inclui tipos de mídia tradicionais, como imagens e vídeos, e mídias específicas para AEM, como Fragmentos de conteúdo.

Clique em na Downhill Skiing Wyoming e clique no link Fragmento de conteúdo de esqui downhill em Wyoming cartão:

O editor de Fragmento de conteúdo abre para a aventura Downhill Skiing Wyoming.

Observe que vários campos como Título, Descrição, e Atividade defina o fragmento.

Fragmentos de conteúdo são uma das maneiras pelas quais o conteúdo pode ser gerenciado no AEM. Fragmento de conteúdo são conteúdos reutilizáveis e de apresentação independente, compostos de elementos de dados estruturados, como texto, rich text, datas ou referências a outros Fragmentos de conteúdo. Os fragmentos de conteúdo são explorados com mais detalhes posteriormente na configuração rápida.

Clique em Cancelar para fechar o fragmento. Sinta-se à vontade para navegar em algumas das outras pastas e explorar o outro conteúdo de aventura.

Abra um novo prompt de comando e clone o aplicativo React de amostra do GitHub:

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

Abra o aplicativo React no aem-guides-wknd-graphql/react-app no IDE de sua escolha.

No IDE, abra o arquivo .env.development em /.env.development. Verifique se REACT_APP_AUTHORIZATION A linha não está comentada e o arquivo declara as seguintes variáveis:

REACT_APP_HOST_URI=http://localhost:4502
REACT_APP_GRAPHQL_ENDPOINT=/content/graphql/global/endpoint.json
# Use Authorization when connecting to an AEM Author environment
REACT_APP_AUTHORIZATION=admin:admin

Assegurar REACT_APP_HOST_URI aponta para o seu SDK AEM local. Para maior comodidade, este início rápido conecta o aplicativo React ao Autor do AEM. Autor os serviços exigem autenticação, portanto, o aplicativo usa o admin para estabelecer sua conexão. Conectar um aplicativo ao AEM Author é uma prática comum durante o desenvolvimento, pois facilita a iteração rápida no conteúdo, sem a necessidade de publicar as alterações.

Instale e inicie o aplicativo React:

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

Uma nova janela do navegador abre automaticamente o aplicativo em http://localhost:3000.

Uma lista do conteúdo de aventura do AEM é exibida.

Clique em uma das imagens da aventura para exibir os detalhes da aventura. Um pedido é feito ao AEM para retornar os detalhes de uma aventura.

Use as ferramentas de desenvolvedor do navegador para inspecionar o Rede solicitações. Exibir o XHR e observe várias solicitações do GET para /graphql/execute.json/.... Esse prefixo de caminho invoca o endpoint da consulta persistente AEM, selecionando a consulta persistente a ser executada usando o nome e os parâmetros codificados após o prefixo.

Navegar até o AEM http://localhost:4502.

Navegue até Assets > Arquivos > WKND compartilhado > Inglês > Aventuras > Campo de Surf de Bali.

Clique em na Campo de Surf de Bali fragmento de conteúdo para abrir o editor de Fragmento de conteúdo.

Modifique o Título e a variável Descrição da aventura.

Clique em Salvar para salvar as alterações.

Atualizar o aplicativo React em http://localhost:3000 para ver suas alterações:

Abertura GraphiQL navegando até Ferramentas > Geral > Editor de consultas GraphQL

Selecione as consultas persistentes existentes à esquerda e execute-as para ver os resultados.