Erste Schritte mit AEM Sites - Projektarchetyp

Willkommen bei einem mehrteiligen Tutorial, das für Entwickler konzipiert ist, die neu in Adobe Experience Manager (AEM) sind. Dieses Tutorial führt Sie durch die Implementierung einer AEM Website für eine fiktive Lifestyle-Marke, die WKND.

Dieses Tutorial beginnt mit der Verwendung des AEM Projektarchetyp , um ein neues Projekt zu erstellen.

Das Tutorial wurde für die Verwendung mit AEM as a Cloud Service und ist abwärtskompatibel mit AEM 6.5.5.0+ und AEM 6.4.8.1+. Die Site wird mit folgenden Elementen implementiert:

• Maven-AEM-Projektarchetyp
• Kernkomponenten
• HTL
• Sling-Modelle
• Bearbeitbare Vorlagen
• Stilsystem

Schätzen Sie 1-2 Stunden, um die einzelnen Teile des Tutorials zu durchlaufen.

Lokale Entwicklungsumgebung

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.

Erforderliche Software

Folgendes sollte lokal installiert werden:

• Lokale AEM Autor Instanz (Cloud Service SDK, 6.5.5 oder 6.4.8.1+)
• Java 11
• Apache Maven (3.3.9 oder höher)
• Node.js (LTS - Langfristige Unterstützung)
• npm 6+
• Git
• Visual Studio-Code oder einer entsprechenden IDE
  • VSCode AEM Sync - In der Anleitung verwendetes Tool

GitHub

Den gesamten Code für das Projekt finden Sie auf Github im AEM Guide Repo:

GitHub: WKND Sites-Projekt

Darüber hinaus hat jeder Teil des Tutorials eine eigene Verzweigung in GitHub. Ein Benutzer kann das Lernprogramm an einem beliebigen Punkt beginnen, indem er einfach die Verzweigung ausprobiert, die dem vorherigen Teil entspricht.

Nächste Schritte

Worauf wartest du?! Starten Sie das Tutorial, indem Sie zur Projekteinrichtung Kapitel und erfahren Sie, wie Sie ein neues Adobe Experience Manager-Projekt mithilfe des AEM Projektarchetyps erstellen.