Introdução ao AEM Headless - GraphQL
Um tutorial completo que ilustra como criar e expor conteúdo usando APIs do AEM GraphQL e consumi-lo por um aplicativo externo, em um cenário de CMS headless.
Este tutorial explora como as APIs do AEM GraphQL e os recursos headless podem ser usados para potencializar as experiências encontradas em um aplicativo externo.
Este tutorial aborda os seguintes tópicos:
- Criar uma configuração de projeto
- Criar modelos de fragmento de conteúdo para modelar dados
- Crie fragmentos de conteúdo com base nos modelos criados anteriormente.
- Explore como os fragmentos de conteúdo no AEM podem ser consultados usando a ferramenta de desenvolvimento GraphiQL integrada.
- Para armazenar ou criar consultas persistentes do GraphQL para AEM
- Consumir consultas persistentes do GraphQL de um aplicativo React de amostra
Pré-requisitos prerequisites
São necessários os seguintes itens para seguir este tutorial:
-
Habilidades básicas em HTML e JavaScript
-
As seguintes ferramentas devem ser instaladas localmente:
- Node.js v18
- Git
- Um IDE (por exemplo Código do Microsoft® Visual Studio)
Ambiente AEM
Para concluir este tutorial, é recomendável que você tenha acesso de administrador do AEM a um ambiente as a Cloud Service do AEM. Se você não tiver acesso a um ambiente as a Cloud Service do AEM, inscrever-se para o teste AEM Headless para explorar as capacidades do AEM headless.
Vamos começar!
Inicie o tutorial com Definição de modelos de fragmento de conteúdo.
Projeto do GitHub
O código-fonte e os pacotes de conteúdo estão disponíveis no Guias do AEM - Projeto WKND GraphQL GitHub.
Se você encontrar um problema com o tutorial ou o código, deixe um Problema do GitHub.