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

Prérequis

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 administrateur AEM à un environnement AEM as a Cloud Service. Si vous n’avez pas accès à l’environnement AEM as a Cloud Service, vous pouvez utiliser le SDK de démarrage rapide local d’AEM as a Cloud Service. Toutefois, il est important de noter que certains écrans de l’interface utilisateur du produit, tels que la navigation dans les fragments de contenu, sont différents.

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, laissez une Problème GitHub.

Ressources Business.Adobe.com