Prendre en main AEM Sites - Archétype de projet

Pour publier à partir d’AEM Sites à l’aide d’Edge Delivery Services, cliquez ici.

Bienvenue dans ce tutoriel en plusieurs parties conçu pour les développeurs et développeuses qui découvrent Adobe Experience Manager (AEM). Ce tutoriel décrit l’implémentation d’un site AEM pour une marque de style de vie fictive, WKND.

Ce tutoriel commence par utiliser l’archétype de projet d’AEM pour générer un nouveau projet.

Le tutoriel est conçu pour fonctionner avec AEM as a Cloud Service et est rétrocompatible avec AEM 6.5.14+. Le site est implémenté à l’aide des éléments suivants :

• Archétype de projet Maven AEM
• Composants principaux
• HTL
• Modèles Sling
• Modèles modifiables
• Système de style

Comptez 1 à 2 heures pour terminer chaque partie du tutoriel.

Environnement de développement local

Pour suivre ce tutoriel, un environnement de développement local est nécessaire. Les captures d’écran et les vidéos sont faites avec le SDK d’AEM as a Cloud Service qui fonctionne sur un environnement macOS avec Visual Studio Code comme IDE. Sauf indication contraire, les commandes et le code doivent être indépendants du système d’exploitation local.

Logiciels requis

Les logiciels suivants doivent être installés localement :

• Instance de création locale d’AEM (SDK Cloud Service ou version 6.5.14+)
• Java™ 11
• Apache Maven (3.3.9 ou version ultérieure)
• Node.js (LTS - Prise en charge à long terme)
• npm 6+
• Git
• Visual Studio Code ou IDE équivalent
  • VSCode AEM Sync - Outil utilisé tout au long du tutoriel

GitHub

Le code de ce tutoriel se trouve sur GitHub dans le référentiel du guide AEM :

GitHub : projet Sites WKND.

De plus, chaque partie du tutoriel dispose de sa propre branche dans GitHub. Il est possible de commencer le tutoriel à tout endroit en vérifiant simplement la branche correspondant à la partie précédente.

Étapes suivantes

Qu’attendez-vous ? Démarrez le tutoriel en accédant au chapitre sur la configuration du projet et découvrez comment générer un nouveau projet Adobe Experience Manager à l’aide de l’archétype de projet d’AEM.