DocumentationAEMTutoriels AEMTutoriel d’AEM Headless

Prise en main d’AEM Headless - GraphQL

Dernière mise à jour : 18 juin 2025
  • S'applique à :
  • Experience Manager 6.5
  • Experience Manager as a Cloud Service
  • Rubriques :
  • Fragments de contenu

Créé pour :

  • Débutant
  • Développeur

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 d’administrateur ou d’administratrice AEM à un environnement AEM as a Cloud Service.

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.

recommendation-more-help
e25b6834-e87f-4ff3-ba56-4cd16cdfdec4