Introducción a AEM sin encabezado: 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 remoto.

Este tutorial explora cómo se pueden utilizar AEM API de GraphQL y capacidades sin encabezado para impulsar las experiencias que aparecen en una aplicación externa.

Este tutorial trata 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.
• Explore cómo se pueden consultar los fragmentos de contenido en AEM mediante la herramienta de desarrollo integrada GraphiQL.
• Para almacenar o mantener las consultas de GraphQL en AEM
• Consumir consultas de GraphQL persistentes desde una aplicación React de muestra

Requisitos previos

Se requieren las siguientes opciones para seguir este tutorial:

• Capacidades básicas de HTML y JavaScript
• Las siguientes herramientas deben instalarse localmente:
  • Node.js v14+
  • npm 6+
  • Git
  • Un IDE (por ejemplo, Código Microsoft® Visual Studio)

Entorno AEM

Para completar este tutorial, se recomienda AEM acceso de administrador a un entorno as a Cloud Service AEM. Si no tiene acceso a AEM entorno as a Cloud Service, puede usar la variable SDK de inicio rápido as a Cloud Service AEM local. Sin embargo, es importante tener en cuenta que algunas pantallas de la interfaz de usuario del producto, como la navegación por fragmentos de contenido, son diferentes.

¡Empecemos!

Inicie el tutorial con Definición de modelos de fragmento de contenido.

Proyecto de GitHub

El código fuente y los paquetes de contenido están disponibles en la Guías de AEM: proyecto de GitHub de WKND GraphQL.

Si encuentra algún problema con el tutorial o el código, deje un Problema de GitHub.

Recursos de Business.Adobe.com