DokumentationAEMAEM-TutorialsAEM Sites WKND-Tutorials

Erste Schritte mit AEM Sites – Projektarchetyp

Letzte Aktualisierung: 27. März 2025
  • Gilt für:
  • Experience Manager 6.5
  • Experience Manager as a Cloud Service
  • Themen:
  • Kernkomponenten
  • Bearbeitbare Vorlagen
  • AEM-Projektarchetyp

Erstellt für:

  • Einsteiger
  • Entwickler

Zum Veröffentlichen aus AEM Sites unter Verwendung der Edge Delivery Services klicken Sie hier.

Willkommen bei einem mehrteiligen Tutorial, das für Entwicklerinnen und Entwickler konzipiert ist, für die Adobe Experience Manager (AEM) neu ist. Dieses mehrteilige Tutorial führt durch die Implementierung einer AEM-Site für eine fiktive Lifestyle-Marke namens WKND.

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

Das Tutorial wurde entworfen für die Arbeit mit AEM as a Cloud Service und ist abwärtskompatibel mit AEM 6.5.14+. Die Site wird implementiert unter Verwendung von:

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

Rechnen Sie mit 1–2 Stunden für die Bearbeitung aller einzelnen Teile des Tutorials.

Lokale Entwicklungsumgebung

Für die Durchführung dieses Tutorials ist eine lokale Entwicklungsumgebung erforderlich. Screenshots und Videos wurden mit dem AEM as a Cloud Service SDK erfasst, betrieben in einer macOS-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-Autoreninstanz (Cloud Service SDK oder 6.5.14+)
  • Java™ 11
  • Apache Maven (3.3.9 oder höher)
  • Node.js (LTS – Langfristige Unterstützung)
  • npm 6+
  • Git
  • Visual-Studio Code oder vergleichbare IDE
    • VSCode AEM Sync – Im Tutorial verwendetes Tool
NOTE
Neu bei AEM as a Cloud Service? Sehen Sie sich eine detaillierte Anleitung zum Einrichten einer lokalen Entwicklungsumgebung mit dem AEM as a Cloud Service-SDK an.
Neu bei AEM 6.5? Sehen Sie sich die folgende Anleitung zum Einrichten einer lokalen Entwicklungsumgebung an.

GitHub

Den Code aus diesem Tutorial finden Sie auf GitHub im AEM Guide-Repository:

GitHub: WKND Sites-Projekt

Darüber hinaus hat jedes Kapitel des Tutorial seine eigene Verzweigung in GitHub. Eine Benutzerin bzw. ein Benutzer kann das Lernprogramm an einem beliebigen Punkt beginnen, indem sie bzw. er einfach die Verzweigung auscheckt, die dem vorherigen Teil entspricht.

Nächste Schritte

Worauf warten Sie noch? Starten Sie das Tutorial, indem Sie zum Kapitel Projekteinrichtung navigieren und lernen, wie Sie ein neues Adobe Experience Manager-Projekt mithilfe des AEM-Projektarchetyps erstellen.

recommendation-more-help
b2a561c1-47c0-4182-b8c1-757a197484f9