Développement de projets AEM à l’aide de IntelliJ IDEA

Présentation

Pour commencer le développement d’AEM avec IntelliJ, procédez comme suit :

Chacune des étapes suivantes est expliquée plus en détail dans le reste de cette rubrique d’aide.

  • Installation de IntelliJ
  • Configuration du projet AEM basé sur Maven
  • Préparation de la prise en charge des JSP pour IntelliJ dans le POM Maven
  • Importation du projet Maven dans IntelliJ
REMARQUE

Ce guide est basé sur IntelliJ IDEA Ultimate Edition 12.1.4 et AEM 5.6.1.

Installation de IntelliJ IDEA

Téléchargez IntelliJ IDEA depuis la page des téléchargements de JetBrains.

Puis, suivez les instructions d’installation de cette page.

Configuration du projet AEM basé sur Maven

Ensuite, configurez votre projet à l’aide de Maven, comme décrit dans la section Comment créer des projets AEM à l’aide d’Apache Maven.

Pour début de travailler avec des projets AEM dans IntelliJ IDEA, la configuration de base de Prise en main dans 5 minutes est suffisante.

Préparation de la prise en charge des JSP pour IntelliJ IDEA

IntelliJ IDEA peut également fournir une aide pour l’utilisation des JSP, par exemple

  • le renseignement automatique des bibliothèques de balises
  • connaissance des objets définis par <cq:defineObjects /> et <sling:defineObjects />

Pour que cela fonctionne, suivez les instructions Comment travailler avec les JSP dans Comment créer des projets AEM à l'aide d'Apache Maven.

Importation du projet Maven

  1. Ouvrez la boîte de dialogue Importer dans IntelliJ IDEA par

    • sélection de Importer un projet dans l'écran de bienvenue si vous n'avez pas encore ouvert de projet
    • sélection de Fichier -> Importer un projet dans le menu principal
  2. Dans la boîte d’importation, sélectionnez le fichier POM du projet.

    chlimage_1-45

  3. Continuez avec les paramètres par défaut comme indiqué dans la boîte de dialogue ci-dessous.

    chlimage_1-46

  4. Passez à la boîte de dialogue suivante en cliquant sur Suivant et Terminer.

  5. Vous êtes désormais prêt pour le développement d’AEM à l’aide de IntelliJ IDEA

    chlimage_1-47

Débogage des JSP avec IntelliJ IDEA

Les étapes suivantes sont requises pour le débogage des JSPs avec IntelliJ IDEA

  • Configuration d’une facette Web dans le projet
  • Installation du plugin de prise en charge de JSR45
  • Configuration d’un profil de débogage
  • Configuration d’AEM pour le mode débogage

Configuration d’une facette Web dans le projet

IntelliJ IDEA doit comprendre où trouver les JSP pour débogage. Comme IDEA ne peut pas interpréter les paramètres content-package-maven-plugin, ils doivent être configurés manuellement.

  1. Accédez à Fichier -> Structure du projet
  2. Sélectionnez le module Contenu.
  3. Cliquez sur + au-dessus de la liste des modules et sélectionnez Web.
  4. En tant que répertoire de ressources Web, sélectionnez content/src/main/content/jcr_root subdirectory de votre projet comme le montre la capture d'écran ci-dessous.

chlimage_1-48

Installation du plugin de prise en charge de JSR45

  1. Accédez au volet Plugins des paramètres IntelliJ IDEA
  2. Accédez au module externe d’intégration JSR45 et cochez la case en regard de celui-ci.
  3. Cliquez sur Appliquer
  4. Redémarrez IntelliJ IDEA lorsque vous y êtes invité

chlimage_1-49

Configuration d’un profil de débogage

  1. Accédez à Exécuter -> Modifier les configurations
  2. Appuyez sur + et sélectionnez JSR45 Remote.
  3. Dans la boîte de dialogue de configuration, sélectionnez Configurer en regard de Application Server et configurez un serveur générique.
  4. Définissez la page de démarrage sur une URL appropriée si vous souhaitez ouvrir un navigateur lorsque vous commencez le débogage.
  5. Supprimez toutes les tâches avant de lancer si vous utilisez la synchronisation automatique vlt ou configurez les tâches Maven appropriées si vous ne le faites pas.
  6. Dans le volet Démarrage/Connexion, ajustez le port si nécessaire.
  7. Copiez les arguments de ligne de commande que IntelliJ IDEA propose

chlimage_1-50 chlimage_1-51

Configuration d’AEM pour le mode débogage

La dernière étape requise consiste à démarrer AEM avec les options JVM proposées par IntelliJ IDEA.

Vous pouvez réaliser cette opération en lançant le fichier jar AEM directement et en ajoutant ces options, par exemple avec la ligne de commande suivante :

java -Xdebug -Xrunjdwp:transport=dt_socket,address=58242,suspend=n,server=y -Xmx1024m -XX:MaxPermSize=256M -jar cq-quickstart-5.6.1.jar

Vous pouvez également ajouter ces options au script de démarrage dans crx-quickstart/bin/start comme indiqué ci-dessous.

# ...

# default JVM options
if [ -z "$CQ_JVM_OPTS" ]; then
 CQ_JVM_OPTS='-server -Xmx1024m -XX:MaxPermSize=256M -Djava.awt.headless=true'
fi

CQ_JVM_OPTS="$CQ_JVM_OPTS -Xdebug -Xrunjdwp:transport=dt_socket,address=58242,suspend=n,server=y"

# ...

Lancement du débogage

Vous êtes désormais prêt à déboguer les JSP dans AEM.

  1. Sélectionnez Exécuter -> Débogage -> Votre Profil de débogage
  2. Définissez des points d’arrêt dans le code du composant
  3. Accédez à une page du navigateur

chlimage_1-52

Débogage des lots avec IntelliJ IDEA

Le code des lots peut être débogué à l’aide d’une connexion de débogage à distance générique standard. Vous pouvez consulter la documentation Jetbrain sur le débogage à distance.

Sur cette page

Adobe Summit Banner

A virtual event April 27-28.

Expand your skills and get inspired.

Register for free
Adobe Summit Banner

A virtual event April 27-28.

Expand your skills and get inspired.

Register for free
Adobe Maker Awards Banner

Time to shine!

Apply now for the 2021 Adobe Experience Maker Awards.

Apply now
Adobe Maker Awards Banner

Time to shine!

Apply now for the 2021 Adobe Experience Maker Awards.

Apply now