Prise en main d’AEM Headless - GraphQL

Tutoriel complet illustrant comment créer et exposer du contenu à l’aide des API GraphQL AEM et utilisé par une application externe, dans un scénario CMS sans interface.

Ce tutoriel explique comment AEM API GraphQL et les fonctionnalités sans tête peuvent être utilisées pour alimenter les expériences affichées dans une application externe.

Ce tutoriel couvre les rubriques suivantes :

• Création d’une configuration de projet
• Création de modèles de fragment de contenu pour modéliser les données
• Créez des fragments de contenu en fonction des modèles précédemment créés.
• Découvrez comment interroger les fragments de contenu dans AEM à l’aide de l’outil de développement GraphiQL intégré.
• Pour stocker ou conserver les requêtes GraphQL à AEM
• Utilisation de requêtes GraphQL persistantes à partir d’un exemple d’application React

Prérequis

Pour suivre ce tutoriel, vous devez suivre les étapes suivantes :

• Compétences de base en HTML et JavaScript
• Les outils suivants doivent être installés localement :
  • Node.js v14+
  • npm 6+
  • Git
  • Un IDE (par exemple, Microsoft® Visual Studio Code)

Environnement AEM

Pour suivre ce tutoriel, AEM’accès administrateur à un environnement AEM as a Cloud Service est recommandé. Si vous n’avez pas accès à AEM environnement as a Cloud Service, vous pouvez utiliser la variable AEM local as a Cloud Service SDK de démarrage rapide. 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 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 laisser une Problème GitHub.

Ressources Business.Adobe.com