DocumentationAEMTutoriels AEMTutoriels WKND d’AEM Sites

Prendre en main AEM Sites - Archétype de projet

Dernière mise à jour : 27 juin 2025
  • S'applique à :
  • Experience Manager 6.5
  • Experience Manager as a Cloud Service
  • Rubriques :
  • Composants de base
  • Modèles modifiables
  • Archétype de projet AEM

Créé pour :

  • Débutant
  • Développeur
CONSEIL
Avez-vous envisagé Edge Delivery Services pour AEM ?
Vous pouvez continuer à utiliser les méthodes décrites dans ce document pour les projets existants. Toutefois, pour les nouveaux projets, Adobe recommande d’utiliser Edge Delivery Services.

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
REMARQUE
Vous découvrez AEM as a Cloud Service ? Consultez le guide suivant pour configurer un environnement de développement local à l’aide du SDK d’AEM as a Cloud Service.
Vous découvrez AEM 6.5 ? Consultez le guide de configuration suivant pour mettre en place un environnement de développement local.

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.

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