Entwicklung von AEM-Projekten mit IntelliJ IDEA

Übersicht

Die folgenden Schritte sind erforderlich, um mit der AEM-Entwicklung unter IntelliJ zu beginnen.

Im Rest dieser Anleitung werden die einzelnen Schritte genauer ausgeführt.

  • Installieren von IntelliJ
  • Einrichten Ihres AEM-Projekts auf Grundlage von Maven
  • Vorbereiten der JSP-Unterstützung für IntelliJ im Maven-POM
  • Importieren des Maven-Projekts in IntelliJ
HINWEIS

Diese Anleitung basiert auf der IntelliJ IDEA Ultimate Edition 12.1.4 und AEM 5.6.1.

Installieren von IntelliJ IDEA

Laden Sie IntelliJ IDEA auf der Downloadseite bei JetBrains herunter.

Folgen Sie anschließend den Installationsanweisungen auf der Seite.

Einrichten Ihres AEM-Projekts auf Grundlage von Maven

Richten Sie Ihr Projekt dann wie in beschrieben mit Maven ein. So erstellen Sie AEM Projekte mit Apache Maven.

Um mit AEM Projekten in IntelliJ IDEA zu arbeiten, ist die grundlegende Einrichtung in Erste Schritte in 5 Minuten ausreichend ist.

Vorbereiten der JSP-Unterstützung für IntelliJ IDEA

IntelliJ IDEA bietet darüber hinaus Unterstützung für die Arbeit mit JSP, z. B.

  • automatische Vervollständigung von Tag-Bibliotheken,
  • Kenntnis von Objekten, die durch <cq:defineObjects /> und <sling:defineObjects />

Damit dies funktioniert, folgen Sie den Anweisungen unter Arbeiten mit JSPs in So erstellen Sie AEM Projekte mit Apache Maven.

Importieren des Maven-Projekts

  1. Öffnen Sie die Import Dialog in IntelliJ IDEA von

    • Auswählen Projekt importieren auf dem Willkommensbildschirm, wenn Sie noch kein Projekt geöffnet haben
    • Auswählen Datei -> Projekt importieren aus dem Hauptmenü
  2. Wählen Sie im Importdialogfeld die POM-Datei Ihres Projekts aus.

    chlimage_1-45

  3. Fahren Sie, wie im folgenden Dialogfeld zu sehen, mit den Standardeinstellungen fort.

    chlimage_1-46

  4. Fahren Sie durch die folgenden Dialogfelder fort, indem Sie auf Nächste und Beenden.

  5. Sie können nun mit der AEM-Entwicklung mit IntelliJ IDEA beginnen!

    chlimage_1-47

Debuggen von JSPs mit IntelliJ IDEA

Zum Debuggen von JSPs mit IntelliJ IDEA sind die folgenden Schritte notwendig:

  • Richten Sie ein Web-Facet im Projekt ein.
  • Installieren des Plug-ins zur JSR45-Unterstützung
  • Konfigurieren Sie ein Debugprofil.
  • Konfigurieren Sie AEM für den Debugmodus.

Richten Sie ein Web-Facet im Projekt ein.

IntelliJ IDEA muss wissen, wo die JSPs zum Debuggen gefunden werden können. Da IDEA die content-package-maven-plugin-Einstellungen nicht interpretieren kann, muss dies manuell konfiguriert werden.

  1. Navigieren Sie zu Datei -> Projektstruktur
  2. Wählen Sie die Inhalt Modul
  3. Klicken + über der Liste der Module und wählen Sie Web
  4. Wählen Sie als Verzeichnis der Web-Ressourcen die content/src/main/content/jcr_root subdirectory des Projekts, wie im Screenshot unten dargestellt.

chlimage_1-48

Installieren des Plug-ins zur JSR45-Unterstützung

  1. Navigieren Sie zu Plugins in den IntelliJ IDEA-Einstellungen
  2. Navigieren Sie zum JSR45-Integration Plug-in ein und aktivieren Sie das Kontrollkästchen daneben.
  3. Klicken Sie auf Übernehmen
  4. Starten Sie IntelliJ IDEA neu, wenn Sie dazu aufgefordert werden.

chlimage_1-49

Konfigurieren Sie ein Debugprofil.

  1. Navigieren Sie zu Ausführen > Konfigurationen bearbeiten
  2. Treffer + und wählen Sie JSR45 Remote
  3. Wählen Sie im Konfigurationsdialogfeld die Option Konfigurieren neben Anwendungsserver und konfigurieren Sie einen generischen Server
  4. Legen Sie die Startseite auf eine passende URL fest, wenn Sie beim Beginn des Debuggens einen Browser öffnen möchten.
  5. Alle entfernen Vor dem Start Aufgaben, wenn Sie vlt autosync verwenden, oder konfigurieren Sie geeignete Maven-Aufgaben, wenn Sie dies nicht tun
  6. Im Start/Verbindung Bereich, passen Sie bei Bedarf den Anschluss an.
  7. Kopieren Sie die Befehlszeilenargumente, die IntelliJ IDEA vorschlägt.

chlimage_1-50 chlimage_1-51

Konfigurieren Sie AEM für den Debugmodus.

Starten Sie als letzten erforderlichen Schritt AEM mit den von IntelliJ IDEA vorgeschlagenen JVM-Optionen.

Starten Sie dazu die AEM-JAR-Datei direkt und fügen Sie diese Optionen hinzu, zum Beispiel mit der folgenden Befehlszeile:

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

Sie haben auch die Möglichkeit, diese Optionen, wie im Folgenden zu sehen, Ihrem Startskript in crx-quickstart/bin/start hinzuzufügen.

# ...

# 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"

# ...

Starten des Debuggens

Sie können nun mit dem Debuggen Ihrer JSPs in AEM beginnen.

  1. Auswählen Ausführen -> Debuggen -> Ihr Debug-Profil
  2. Legen Sie in Ihrem Komponentencode Haltepunkte fest.
  3. Greifen Sie in Ihrem Browser auf eine Seite zu.

chlimage_1-52

Debuggen von Paketen mit IntelliJ IDEA

Code in Paketen können Sie mithilfe einer standardmäßigen generischen Debug-Remoteverbindung debuggen. Weitere Informationen finden Sie in der JetBrains-Dokumentation zum Remote-Debugging.

Auf dieser Seite