Introducción a AEM Headless: GraphQL
AEM Un tutorial completo que ilustra cómo crear y exponer contenido mediante las API de GraphQL de la aplicación de la aplicación de la manera más sencilla 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 funcionalidades sin encabezado 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 AEM Para completar este tutorial, se recomienda que tenga acceso de administrador de a un entorno as a Cloud Service. AEM Si no tiene acceso a un entorno as a Cloud Service de la, AEM regístrese para el ensayo sin encabezado de AEM para explorar capacidades sin encabezado de la.
¡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 la AEM Guías de - Proyecto WKND GraphQL de GitHub.
Si encuentra algún problema con el tutorial o el código, deje un Problema de GitHub.