Introdução ao AEM Headless - GraphQL
Um tutorial completo que ilustra como criar e expor conteúdo usando 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 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, Microsoft® Visual Studio Code)
Ambiente AEM
Para concluir este tutorial, é recomendável que você tenha 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 no teste AEM Headless para explorar as capacidades do AEM Headless.
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.