Introducción a AEM Headless: GraphQL
Un tutorial completo que ilustra cómo crear y exponer contenido mediante las API de GraphQL de AEM y consumido por una aplicación externa, en un escenario de CMS sin encabezado.
AEM Este tutorial explora cómo se pueden utilizar las API de GraphQL y las capacidades sin encabezado de los para potenciar las experiencias que aparecen en una aplicación externa.
Este tutorial abarca los siguientes temas:
- Crear una configuración de proyecto
- Crear modelos de fragmento de contenido para modelar datos
- Cree fragmentos de contenido basados en los modelos creados anteriormente.
- AEM Explore cómo se pueden consultar los fragmentos de contenido en los mediante la herramienta de desarrollo integrada de GraphiQL.
- Para almacenar o mantener las consultas de GraphQL AEM que se van a
- Consumir consultas de GraphQL persistentes de una aplicación de React de ejemplo
Requisitos previos prerequisites
Se requiere lo siguiente para seguir este tutorial:
-
Aptitudes básicas de HTML y JavaScript
-
Las siguientes herramientas deben instalarse localmente:
- Node.js v18
- Git
- Un IDE (por ejemplo, Microsoft® Visual Studio Code)
AEM Entorno
AEM Para completar este tutorial, se recomienda que tenga acceso de administrador a un entorno de AEM as a Cloud Service, de forma. Si no tiene acceso a un entorno de AEM as a Cloud Service AEM AEM, regístrese en la versión de prueba sin encabezado para explorar las capacidades sin encabezado de los que se puede usar para explorar la forma de usar la tecnología sin encabezado
¡Vamos a empezar!
Inicie el tutorial con Definición de modelos de fragmentos de contenido.
Proyecto de GitHub
El código fuente y los paquetes de contenido están disponibles en el Proyecto GitHub de AEM Guides - WKND GraphQL.
Si encuentra un problema con el tutorial o el código, deje un problema de GitHub.