Introdução ao AEM Headless - GraphQL
- Tópicos:
- Fragmentos de conteúdo
- API de GraphQL
Criado para:
- Iniciante
- Desenvolvedor
Um tutorial completo que ilustra como criar e expor conteúdo usando as APIs do GraphQL do AEM e consumi-lo por um aplicativo externo, em um cenário de CMS headless.
Este tutorial explora como as APIs GraphQL do AEM 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 no AEM
- Consumir consultas persistentes do GraphQL de um aplicativo React de amostra
Pré-requisitos
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, Microsoft® Visual Studio Code)
Ambiente do AEM
Para concluir este tutorial, é recomendável ter acesso de administrador do AEM a um ambiente do AEM as a Cloud Service. Se você não tiver acesso a um ambiente do AEM as a Cloud Service, inscreva-se na versão de avaliação do AEM Headless para explorar os recursos headless do AEM.
Vamos começar!
Inicie o tutorial com Definindo Modelos de Fragmento de Conteúdo.
Projeto do GitHub
O código-fonte e os pacotes de conteúdo estão disponíveis no AEM Guides - Projeto GitHub do WKND GraphQL.
Se você encontrar um problema com o tutorial ou o código, deixe um problema do GitHub.