Aan de slag met AEM Headless - GraphQL
- Van toepassing op:
- Experience Manager 6.5
- Experience Manager as a Cloud Service
- Onderwerpen:
- Contentfragmenten
Gemaakt voor:
- Beginner
- Ontwikkelaar
Een end-to-end zelfstudie waarin wordt geïllustreerd hoe u in een CMS-scenario zonder kop inhoud kunt opbouwen en onthullen met behulp van GraphQL API's van AEM en die door een externe app worden verbruikt.
In deze zelfstudie wordt onderzocht hoe AEM GraphQL API's en headless mogelijkheden kunnen worden gebruikt om de ervaring die in een externe app is opgedaan, kracht bij te zetten.
Deze zelfstudie behandelt de volgende onderwerpen:
- Een projectconfiguratie maken
- Modellen van inhoudsfragmenten maken om gegevens te modelleren
- Maak inhoudsfragmenten op basis van de eerder gemaakte modellen.
- Onderzoek hoe de Fragments van de Inhoud in AEM kunnen worden gevraagd gebruikend het geïntegreerde GraphiQL ontwikkelingshulpmiddel.
- De GraphQL-query's opslaan in of behouden in AEM
- Blijvende GraphQL-query's van een voorbeeld van React-app gebruiken
Vereisten
U hebt het volgende nodig om deze zelfstudie te volgen:
-
Basisvaardigheden voor HTML en JavaScript
-
De volgende gereedschappen moeten lokaal zijn geïnstalleerd:
- Node.js v18
- Git
- IDE (bijvoorbeeld, Microsoft® Visual Studio Code)
AEM-omgeving
Als u deze zelfstudie wilt voltooien, kunt u het beste AEM Administrator-toegang tot een AEM as a Cloud Service-omgeving geven.
Laten we beginnen!
Begin het leerprogramma met het Bepalen Modellen van het Fragment van de Inhoud.
GitHub-project
De broncode, en inhoudspakketten zijn beschikbaar op AEM Guides - het Project van GraphQL GitHub van WKND.
Als u een kwestie met het leerprogramma of de code vindt, verlaat de kwestie van a GitHub.