Erste Schritte mit AEM Headless – GraphQL
Ein End-to-End-Tutorial, das veranschaulicht, wie Content mithilfe der GraphQL-APIs von AEM aufgebaut und bereitgestellt und in einem Headless-CMS-Szenario von einer externen Anwendung genutzt wird.
In diesem Tutorial wird untersucht, wie die GraphQL-APIs und Headless-Funktionen von AEM genutzt werden können, um die in einer externen App angezeigten Erlebnisse bereitzustellen.
Dieses Tutorial behandelt folgende Themen:
- Erstellen einer Projektkonfiguration
- Erstellen von Inhaltsfragmentmodellen zum Modellieren von Daten
- Erstellen Sie Inhaltsfragmente anhand der zuvor erstellten Modelle.
- Erfahren Sie, wie Inhaltsfragmente in AEM mithilfe des integrierten GraphiQL-Entwicklungs-Tools abgefragt werden können.
- So speichern oder persistieren Sie die GraphQL-Abfragen in AEM
- Verwenden persistierter GraphQL-Abfragen aus einer React-Beispielanwendung
Voraussetzungen prerequisites
Für dieses Tutorial sind folgende Dinge erforderlich:
-
Grundlegende HTML- und JavaScript-Kenntnisse
-
Die folgenden Tools müssen lokal installiert sein:
- Node.js v18
- Git
- Eine IDE (z. B. Microsoft® Visual Studio Code)
AEM-Umgebung
Um dieses Tutorial abzuschließen, sollten Sie über AEM-Administratorzugriff auf eine AEM as a Cloud Service-Umgebung verfügen.
Fangen wir an!
Starten Sie das Tutorial mit Definieren von Inhaltsfragmentmodellen.
GitHub-Projekt
Der Quell-Code und die Inhaltspakete sind im basic-tutorial im GitHub-Projekt AEM Guides - WKND GraphQL verfügbar.
Wenn Sie ein Problem mit dem Tutorial oder dem Code feststellen, hinterlassen Sie ein GitHub-Problem.