Ir al contenido principal

Creating an AEM Application using Adobe's archetype version 23

In this tutorial, I will show how to use Adobe's archetype to create an AEM application using version 23rd and up, above is the vid and below you will find some useful notes.
  1. 1.

    Pre-reqs

    • Have access to an Adobe Experience Manager instance. You will need aem 6.3 Service Pack 3, AEM 6.4 or AEM 6.5
  2. 2.

    Creating an AEM application using archetype version 23

    • Look for the .m2 folder inside your user for your particular Operating System (C:\Users\YOUR-USERNAME\.m2\settings.xml for Windows or ~/.m2/settings.xml for Linux or Mac) and create or edit the settings.xml file inside that folder.
      <settings xmlns="https://maven.apache.org/SETTINGS/1.0.0" xmlns:xsi="https://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="https://maven.apache.org/SETTINGS/1.0.0
                            https://maven.apache.org/xsd/settings-1.0.0.xsd">
          <profiles>
              <!-- ====================================================== -->
              <!-- A D O B E   P U B L I C   P R O F I L E                -->
              <!-- ====================================================== -->
              <profile>
                  <id>adobe-public</id>
                  <activation>
                      <activeByDefault>true</activeByDefault>
                  </activation>
                  <properties>
                      <releaseRepository-Id>adobe-public-releases</releaseRepository-Id>
                      <releaseRepository-Name>Adobe Public Releases</releaseRepository-Name>
                      <releaseRepository-URL>https://repo.adobe.com/nexus/content/groups/public</releaseRepository-URL>
                  </properties>
                  <repositories>
                      <repository>
                          <id>adobe-public-releases</id>
                          <name>Adobe Public Repository</name>
                          <url>https://repo.adobe.com/nexus/content/groups/public</url>
                          <releases>
                              <enabled>true</enabled>
                              <updatePolicy>never</updatePolicy>
                          </releases>
                          <snapshots>
                              <enabled>false</enabled>
                          </snapshots>
                      </repository>
                  </repositories>
                  <pluginRepositories>
                      <pluginRepository>
                          <id>adobe-public-releases</id>
                          <name>Adobe Public Repository</name>
                          <url>https://repo.adobe.com/nexus/content/groups/public</url>
                          <releases>
                              <enabled>true</enabled>
                              <updatePolicy>never</updatePolicy>
                          </releases>
                          <snapshots>
                              <enabled>false</enabled>
                          </snapshots>
                      </pluginRepository>
                  </pluginRepositories>
              </profile>
          </profiles>
          <activeProfiles>
              <activeProfile>adobe-public</activeProfile>
          </activeProfiles>
      </settings>
      
    • With the 23rd version of the archetype's release there have been many changes to the properties that you can use to configure how the new AEM app is going to be generated.
    • So let’s create the app from scratch. I am providing the most important properties in a single line here given that the other properties will be inferred from them.
      mvn -B archetype:generate "-DarchetypeGroupId=com.adobe.granite.archetypes" "-DarchetypeArtifactId=aem-project-archetype" "-DarchetypeVersion=23" "-DaemVersion=6.5.0" "-DappTitle=First App Example" "-DappId=first-app" "-DgroupId=co.dlighthouse.aem.firstapp" "-DfrontendModule=none" "-DincludeExamples=y" "-DincludeDispatcherConfig=n"
      
      PowerShell
      mvn -B archetype:generate `
        -D archetypeGroupId=com.adobe.granite.archetypes `
        -D archetypeArtifactId=aem-project-archetype `
        -D archetypeVersion=23 `
        -D aemVersion=6.5.0 `
        -D appTitle="First App Example" `
        -D appId="first-app" `
        -D groupId="co.dlighthouse.aem.firstapp" `
        -D frontendModule=none `
        -D includeExamples=y `
        -D includeDispatcherConfig=n
      
    • Let’s build and deploy our new app (make sure that you have AEM up and running)
      mvn clean install -PautoInstallPackage -Padobe-public
      
    • If you're using a different port for AEM
      mvn clean install -PautoInstallPackage -Padobe-public "-Daem.port=PORT-NUMBER"
      
  3. 3.

Comentarios

Entradas populares de este blog

Exposing Reactjs component methods to Javascript or non-reactjs applications

blog-static-generator-new If you want to integrate your javascript or non-reactjs application with a reactjs app and be able to access reactjs components and call their methods to execute actions or get information out of them, in this quick tips episode, you will learn how. Above is the vid and below you will find some useful notes. 1. Pre-reqs Have node.js installed 2. Exposing React JS to Javascript or non-reactjs applications ...

How to copy files from and to a running Docker container

Sometimes you want to copy files to or from a container that doesn’t have a volume previously created, in this quick tips episode, you will learn how. Above is the vid and below you will find some useful notes. 1. Pre-reqs Have Docker installed 2. Start a Docker container For this video I will be using a Jenkins image as an example, so let’s first download it by using docker pull docker pull jenkins/jenkins:lts ...

Brighten Up Your AEM Assets: How to Configure Default Backgrounds and Transparent Modes in Adobe Dynamic Media

Introduction The Importance of a Good Background Defining Your Default Background in AEM Defining Your Default Background in Dynamic Media Classic Transparent Images with fmt=png-alpha Explicit Background Colors with ?bgc Final Thoughts Introduction Welcome to our deep dive into the wonderful world of image backgrounds! In this post, we're going to explore how to configure Dynamic Media Classic in Adobe Experience Manager (AEM) to not only define a default background image but also how to get your images to pop with ...