Introdução ao AEM Headless - GraphQL
Um tutorial completo que ilustra como criar e expor conteúdo usando as APIs GraphQL do AEM, a fim de ser consumido por um aplicativo externo em um cenário de CMS headless.
Este tutorial explora como as APIs GraphQL e os recursos headless do AEM podem ser usados para potencializar as experiências exibidas 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.
- Descubra como consultar os fragmentos de conteúdo no AEM usando a ferramenta de desenvolvimento GraphiQL integrada.
- Para armazenar ou criar consultas persistentes de GraphQL no AEM
- Consumir consultas persistentes de GraphQL de um aplicativo React de amostra
Pré-requisitos prerequisites
Os seguintes elementos são necessários 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.
Vamos começar.
Inicie o tutorial com o tema Definir modelos de fragmento de conteúdo.
Projeto do GitHub
O código-fonte e os pacotes de conteúdo estão disponíveis nos Guias do AEM - Projeto GitHub de GraphQL do WKND.
Se você encontrar um problema com o tutorial ou o código, abra um problema do GitHub.