Prise en main d’AEM Headless - GraphQL
Tutoriel complet illustrant comment développer et exposer du contenu à l’aide des API AEM GraphQ et utilisé par une application externe, dans un scénario CMS découplé.
Ce tutoriel explique comment les API AEM GraphQL et les fonctionnalités découplées peuvent être utilisées pour alimenter les expériences affichées dans une application externe.
Ce tutoriel couvre les sujets suivants :
- Créer une configuration de projet
- Créer des modèles de fragment de contenu pour modéliser les données
- Créer des fragments de contenu en fonction des modèles précédemment créés
- Découvrir comment interroger les fragments de contenu dans AEM à l'aide de l’outil de développement GraphiQL intégré
- Stocker ou conserver les requêtes GraphQL dans AEM
- Utiliser des requêtes GraphQL persistantes à partir d’un exemple d’application React
Conditions préalables prerequisites
Pour suivre ce tutoriel, vous devez suivre les étapes ci-après :
-
Compétences de base en HTML et JavaScript
-
Les outils suivants doivent être installés localement :
- Node.js v18
- Git
- Un IDE (par exemple, Microsoft® Visual Studio Code)
Environnement AEM
Pour suivre ce tutoriel, il est recommandé de disposer d’un accès d’administrateur ou d’administratrice AEM à un environnement AEM as a Cloud Service. Si vous n’avez pas accès à un environnement AEM as a Cloud Service, Inscrivez-vous à la version d’essai d’AEM Headless pour explorer les fonctionnalités découplées d’AEM.
Commençons !
Commencez le tutoriel par la section Définition de modèles de fragment de contenu.
Projet GitHub
Le code source et les packages de contenu sont disponibles sur la page AEM Guides - Projet GitHub WKND GraphQL.
Si vous rencontrez un problème avec le tutoriel ou le code, veuillez consigner un Problème GitHub.