Erste Schritte mit AEM Headless – GraphQL
Ein durchgehendes Tutorial, in dem erläutert wird, wie sich Inhalte mithilfe von AEM GraphQL-APIs aufbauen und bereitstellen lassen, die von einer externen App in einem Headless-CMS-Szenario genutzt werden.
In diesem Tutorial wird untersucht, wie AEM GraphQL-APIs und Headless-Funktionen verwendet werden können, um die Erlebnisse zu optimieren, die in einer externen App angezeigt werden.
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. Wenn Sie keinen Zugriff auf eine AEM as a Cloud Service-Umgebung haben, melden Sie sich für die AEM Headless-Testversion an, um die Headless-Funktionen von AEM zu erkunden.
Fangen wir an!
Starten Sie das Tutorial mit Definieren von Inhaltsfragmentmodellen.
GitHub-Projekt
Der Quell-Code und die Inhaltspakete sind verfügbar in den AEM Handbüchern – WKND GraphQL GitHub-Projekt.
Wenn Sie ein Problem mit dem Tutorial oder dem Code feststellen, hinterlassen Sie ein GitHub-Problem.