Aan de slag met AEM headless - GraphQL
Een end-to-end zelfstudie waarin wordt geïllustreerd hoe u in een CMS-scenario inhoud kunt samenstellen en beschikbaar AEM met behulp van GraphQL API's en die door een externe toepassing wordt 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 betwist gebruikend het geïntegreerde ontwikkelingshulpmiddel GraphiQL.
- De GraphQL-query's opslaan of behouden om te AEM
- Blijvende GraphQL-query's van een voorbeeld van React-app gebruiken
Vereisten
U hebt het volgende nodig om deze zelfstudie te volgen:
-
HTML- en JavaScript-vaardigheden
-
De volgende gereedschappen moeten lokaal zijn geïnstalleerd:
- Node.js v18
- Git
- IDE (bijvoorbeeld, Microsoft® Visual Studio Code)
AEM
Als u deze zelfstudie wilt voltooien, kunt u het beste AEM Beheerders toegang geven tot een AEM as a Cloud Service-omgeving. Als u geen toegang tot een milieu van AEM as a Cloud Service hebt, gelieve omhoog voor de AEM Zwaardeloze proefte ondertekenen om AEM hoofdloze mogelijkheden te onderzoeken.
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.
