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

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, wird ein AEM Administratorzugriff auf eine AEM as a Cloud Service-Umgebung empfohlen. Wenn Sie keinen Zugriff auf eine AEM as a Cloud Service-Umgebung haben, können Sie das lokale Schnellstart-SDK für AEM as a Cloud Service verwenden. Beachten Sie jedoch, dass einige Bildschirme der Produktoberfläche, wie z. B. die Navigation zu Inhaltsfragmenten, unterschiedlich sind.

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 finden, hinterlassen Sie eine GitHub-Problem.

Ressourcen für Business.Adobe.com