Come sviluppare progetti AEM utilizzando IntelliJ IDEA how-to-develop-aem-projects-using-intellij-idea

Panoramica overview

Per iniziare a sviluppare AEM su IntelliJ, sono necessari i seguenti passaggi.

Ogni passaggio è descritto più dettagliatamente nel resto di questo argomento.

  • Installa IntelliJ
  • Configurare il progetto AEM in base a Maven
  • Preparare il supporto JSP per IntelliJ nel POM Maven
  • Importare il progetto Maven in IntelliJ
NOTE
Questa guida si basa su IntelliJ IDEA Ultimate Edition 12.1.4 e AEM 5.6.1.

Installa IntelliJ IDEA install-intellij-idea

Scarica IntelliJ IDEA da la pagina Download in JetBrains.

Quindi, seguire le istruzioni di installazione riportate in quella pagina.

Configurare il progetto AEM in base a Maven set-up-your-aem-project-based-on-maven

Quindi, configura il tuo progetto utilizzando Maven come descritto in Come creare progetti AEM utilizzando Apache Maven.

Per iniziare a utilizzare i progetti AEM in IntelliJ IDEA, è sufficiente la configurazione di base in Guida introduttiva tra 5 minuti.

Preparare il supporto JSP per IntelliJ IDEA prepare-jsp-support-for-intellij-idea

IntelliJ IDEA può anche fornire supporto nell’utilizzo di JSP, ad esempio:

  • completamento automatico delle librerie di tag
  • conoscenza degli oggetti definiti da <cq:defineObjects /> e <sling:defineObjects />

Affinché ciò funzioni, segui le istruzioni su Come lavorare con JSP in Come creare progetti AEM utilizzando Apache Maven.

Importare il progetto Maven import-the-maven-project

  1. Apri la finestra di dialogo Importa in IntelliJ IDEA tramite

    • se non hai ancora aperto un progetto, seleziona Importa progetto nella schermata di benvenuto
    • selezionando File > Importa progetto dal menu principale
  2. Nella finestra di dialogo Importa, seleziona il file POM del progetto.

    chlimage_1-45

  3. Continua con le impostazioni predefinite, come mostrato nella finestra di dialogo seguente.

    chlimage_1-46

  4. Continuare le seguenti finestre di dialogo facendo clic su Avanti e Fine.

  5. È ora configurato per lo sviluppo AEM utilizzando IntelliJ IDEA

    chlimage_1-47

Debug di JSP con IntelliJ IDEA debugging-jsps-with-intellij-idea

Per il debug di JSP con IntelliJ IDEA sono necessari i passaggi seguenti

  • Configurare un facet web nel progetto
  • Installare il plug-in di supporto JSR45
  • Configurare un profilo di debug
  • Configurare AEM per la modalità debug

Configurare un facet web nel progetto set-up-a-web-facet-in-the-project

IntelliJ IDEA deve capire dove trovare le JSP per il debug. Poiché IDEA non è in grado di interpretare le impostazioni di content-package-maven-plugin, è necessario configurarle manualmente.

  1. Vai a File > Struttura progetto
  2. Seleziona il modulo Contenuto
  3. Fai clic su + sopra l'elenco dei moduli e seleziona Web
  4. Come directory delle risorse Web, seleziona content/src/main/content/jcr_root subdirectory del progetto come mostrato nella schermata seguente.

chlimage_1-48

Installare il plug-in di supporto JSR45 install-the-jsr-support-plugin

  1. Vai al riquadro Plug-in nelle impostazioni IntelliJ IDEA
  2. Passa al plug-in Integrazione JSR45 e seleziona la casella di controllo accanto
  3. Fai clic su Applica
  4. Riavvia IntelliJ IDEA quando richiesto a

chlimage_1-49

Configurare un profilo di debug configure-a-debug-profile

  1. Vai a Esegui > Modifica configurazioni
  2. Premi + e seleziona JSR45 Remote
  3. Nella finestra di dialogo di configurazione, seleziona Configura accanto a Server applicazioni e configura un server generico
  4. Impostare la pagina iniziale su un URL appropriato per aprire un browser all'avvio del debug
  5. Rimuovi tutte le attività Prima del lancio se utilizzi la sincronizzazione automatica vlt o configura le attività Maven appropriate se non la esegui
  6. Nel riquadro Avvio/Connessione, regolare la porta, se necessario
  7. Copiare gli argomenti della riga di comando proposti da IntelliJ IDEA

chlimage_1-50 chlimage_1-51

Configurare AEM per la modalità debug configure-aem-for-debug-mode

L’ultimo passaggio necessario consiste nell’avviare l’AEM con le opzioni JVM proposte da IntelliJ IDEA.

Avvia direttamente il file JAR dell’AEM e aggiungi queste opzioni, ad esempio, con la seguente riga di comando:

java -Xdebug -Xrunjdwp:transport=dt_socket,address=58242,suspend=n,server=y -Xmx1024m -jar cq-quickstart-6.5.0.jar

È inoltre possibile aggiungere queste opzioni allo script iniziale in crx-quickstart/bin/start come illustrato di seguito.

# ...

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

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

# ...

Avvia debug start-debugging

Ora è tutto pronto per il debug delle JSP nell’AEM.

  1. Seleziona Esegui > Debug > Profilo di debug
  2. Impostare i punti di interruzione nel codice del componente
  3. Accedere a una pagina nel browser

chlimage_1-52

Debug dei bundle con IntelliJ IDEA debugging-bundles-with-intellij-idea

È possibile eseguire il debug del codice nei bundle utilizzando una connessione di debug remoto standard generica. Puoi seguire la documentazione di Jetbrain sul debug remoto.

recommendation-more-help
19ffd973-7af2-44d0-84b5-d547b0dffee2