Willkommen bei einem mehrteiligen Tutorial, das für Entwickler konzipiert ist, die neu bei der SPA Editor Funktion in Adobe Experience Manager (AEM). Dieses Tutorial führt Sie durch die Implementierung einer React-Anwendung für eine fiktive Lifestyle-Marke, die WKND. Die React-App wurde für die Bereitstellung mit AEM SPA Editor entwickelt, der React-Komponenten AEM Komponenten zuordnet. Die abgeschlossene SPA, die in AEM bereitgestellt wird, kann mit herkömmlichen In-line-Bearbeitungswerkzeugen von AEM dynamisch erstellt werden.
WKND SPA Implementierung
Das Tutorial wurde für die Verwendung mit AEM as a Cloud Service und ist abwärtskompatibel mit AEM 6.5.4+ und AEM 6.4.8+.
Den gesamten Tutorial-Code finden Sie unter GitHub.
Die aktuelle Codebasis ist als herunterladbare AEM Packages verfügbar.
Bevor Sie mit diesem Tutorial beginnen, benötigen Sie Folgendes:
Es ist zwar nicht erforderlich, es ist jedoch von Vorteil, über ein grundlegendes Verständnis der Entwickeln herkömmlicher AEM Sites-Komponenten.
Zum Abschluss dieses Tutorials ist eine lokale Entwicklungsumgebung erforderlich. Screenshots und Videos werden mit dem AEM as a Cloud Service SDK erfasst, das in einer Mac OS-Umgebung mit Visual Studio-Code als IDE. Befehle und Code sollten unabhängig vom lokalen Betriebssystem sein, sofern nicht anders angegeben.
Neu bei AEM as a Cloud Service? Sehen Sie sich die Befolgen Sie die Anleitung zum Einrichten einer lokalen Entwicklungsumgebung mit dem AEM as a Cloud Service SDK..
Neu bei AEM 6.5? Sehen Sie sich die Anleitung zum Einrichten einer lokalen Entwicklungsumgebung.
Worauf wartest du?! Starten Sie das Tutorial, indem Sie zur Projekt erstellen Kapitel und erfahren Sie, wie Sie ein Projekt mit aktiviertem SPA-Editor mithilfe des Projektarchetyps AEM erstellen.