Tipo de archivo del proyecto AEM

El tipo de archivo del proyecto de AEM crea un proyecto de Adobe Experience Manager mínimo basado en las prácticas recomendadas como punto de partida para sus propios proyectos de AEM. Las propiedades que se deben proporcionar al utilizar este arquetipo le permiten especificar los nombres de todas las partes de este proyecto, así como controlar determinadas funciones opcionales.

¿Por qué utilizar el tipo de archivo?

El uso del tipo de archivo del proyecto de AEM le permite avanzar hacia la creación de un proyecto de AEM basado en las prácticas recomendadas con solo unas pocas pulsaciones de teclas. Mediante el uso del tipo de archivo, todas las piezas ya estarán en su lugar para que, aunque el proyecto resultante sea mínimo, ya implemente todas las características clave de AEM para que todo lo que tenga que hacer sea compilar sobre y ampliar.

Por supuesto, hay muchos elementos que entran en un proyecto AEM exitoso, pero el uso del tipo de archivo del proyecto AEM es una base sólida y se recomienda encarecidamente para cualquier proyecto AEM.

Introducción

El arquetipo del proyecto facilita el inicio del desarrollo en AEM. Puede realizar sus primeros pasos de varias formas.

• Tutorial de WKND : para obtener una buena introducción al desarrollo en AEM, incluido cómo aprovechar el tipo de archivo, consulte el Tutorial de introducción a AEM Sites - WKND para ver un ejemplo práctico que le guía a través del uso del tipo de archivo para implementar un proyecto simple.
• Tutorial de eventos WKND : si está especialmente interesado en el desarrollo de aplicaciones de una sola página (SPA) en AEM, asegúrese de consultar el tutorial de eventos WKND dedicado.
• Descargue e inicie por su cuenta! - Puede descargar fácilmente el tipo de archivo del proyecto actual disponible en GitHub y crear su primer proyecto siguiendo los sencillos pasos que se indican a continuación.

Qué obtiene utilizando el tipo de archivo

El tipo de archivo AEM está formado por módulos:

• core: es un paquete Java que contiene todas las funcionalidades principales como servicios OSGi, oyentes y programadores, así como código Java relacionado con componentes como servlets y filtros de solicitud.
• it.test: son pruebas de integración basadas en Java.
• ui.apps: contiene /apps las /etc partes y del proyecto, es decir, clientlibs, componentes y plantillas de JS y CSS.
• ui.content: contiene contenido de muestra mediante los componentes del módulo ui.apps .
• ui.config: contiene configuraciones OSGi específicas del modo de ejecución para el proyecto.
• ui.frontend.general: (opcional) contiene los artefactos necesarios para utilizar el módulo de compilación del front-end general basado en Webpack.
• ui.frontend.react: (opcional) contiene los artefactos necesarios al utilizar el tipo de archivo para crear SPA proyectos basados en React.
• ui.frontend.angular: (opcional) contiene los artefactos necesarios al utilizar el tipo de archivo para crear SPA proyectos basados en el Angular.
• ui.testing: contiene pruebas de IU basadas en Selenium.
• todo: es un paquete de contenido único que incrusta todos los módulos compilados (paquetes y paquetes de contenido), incluidas las dependencias del proveedor.
• analizar: ejecuta el análisis en el proyecto, que proporciona una validación adicional para su implementación en AEM como Cloud Service.

Los módulos de AEM tipo de archivo representados en Maven se implementan para AEM como paquetes de contenido que representan la aplicación, el contenido y los paquetes OSGi necesarios.

Cómo usar el tipo de archivo

Para utilizar el tipo de archivo, primero debe crear un proyecto, que genere los módulos en una estructura de archivos local como descrita anteriormente. Como parte de la generación de proyectos, se pueden definir varias propiedades para el proyecto, como el nombre del proyecto, la versión, etc.

Al crear el proyecto con Maven, se crean los artefactos (paquetes y paquetes OSGi) que se pueden implementar en AEM. Se pueden utilizar comandos y perfiles adicionales de Maven para implementar los artefactos del proyecto en una instancia de AEM.

Creación de un proyecto

Para comenzar, puede utilizar la AEM extensión Eclipse y seguir el asistente de Nuevo proyecto y elegir AEM Proyecto de módulo múltiple de muestra para utilizar una versión liberada del tipo de archivo.

Por supuesto, también puede invocar Maven directamente.

mvn -B archetype:generate \
 -D archetypeGroupId=com.adobe.aem \
 -D archetypeArtifactId=aem-project-archetype \
 -D archetypeVersion=XX \
 -D aemVersion=cloud \
 -D appTitle="My Site" \
 -D appId="mysite" \
 -D groupId="com.mysite" \
 -D frontendModule=general \
 -D includeExamples=n

• Establezca XX en el número de versión del último tipo de archivo del proyecto AEM.
• Configure aemVersion=cloud para AEM como Cloud Service;
  Configure aemVersion=6.5.0 para Adobe Managed Services o local.
  La dependencia de componentes principales solo se agrega para versiones de aem que no sean de nube, ya que los componentes principales se proporcionan como OOTB para AEM as a Cloud
  Servicio.
• Ajuste appTitle="My Site" para definir el título del sitio web y los grupos de componentes.
• Ajuste appId="mysite" para definir los nombres de Maven artifactId, los componentes, la configuración y las carpetas de contenido, así como los nombres de las bibliotecas de cliente.
• Ajuste groupId="com.mysite" para definir el groupId de Maven y el Paquete de origen de Java.
• Busque la lista de propiedades disponibles para ver si hay más que desee ajustar.

Propiedades

Las siguientes propiedades están disponibles al crear un proyecto con el tipo de archivo .

| appTitle | | El título de la aplicación se utilizará para el título del sitio web y los grupos de componentes (p. ej. "My Site"). |
| appId | | Nombre técnico, se utilizará para nombres de componentes, configuración y carpetas de contenido, así como nombres de bibliotecas de cliente (p. ej. "mysite"). |
| artifactId | ${appId} | ID del artefacto de Maven base (p. ej. "mysite"). |
| groupId | | ID del grupo Maven base (p. ej. "com.mysite"). |
| package | ${groupId} | Paquete de fuentes Java (p. ej. "com.mysite"). |
| version | 1.0-SNAPSHOT | Versión del proyecto (p. ej. 1.0-SNAPSHOT). |
| aemVersion | 6.5.0 | Versión de AEM de destino (puede ser cloud para AEM como Cloud Service; o 6.5.0 o 6.4.4 para Adobe Managed Services o local). |
| sdkVersion | latest | Cuando aemVersion=cloud se puede especificar una versión de SDK (p. ej. 2020.02.2265.20200217T222518Z-200130). |
| includeDispatcherConfig | y | Incluye una configuración de Dispatcher para cloud o para AMS/on-premise, según el valor de aemVersion (puede ser y o n). |
| frontendModule | none | Incluye un módulo de compilación de front-end de Webpack que genera las bibliotecas de cliente (puede ser general o none para sitios normales; puede ser angular o react para una aplicación de una sola página que implementa el SPA Editor). |
| languageCountry | en_us | Idioma y código de país desde los que crear la estructura de contenido (p. ej. en_us). |
| singleCountry | y | Incluye una estructura de contenido maestra de idioma (puede ser y o n). |
| includeExamples | y | Incluye un sitio de ejemplo de Biblioteca de componentes (puede ser y o n). |
| includeErrorHandler | n | Incluye una página de respuesta 404 personalizada que será global para toda la instancia (puede ser y o n). |

Perfiles

El proyecto maven generado admite distintos perfiles de implementación al ejecutar mvn install.

| autoInstallBundle | Instale el paquete principal con el complemento maven-sling a la consola felix |
| autoInstallPackage | Instale el paquete de contenido ui.content y ui.apps con el complemento content-package-maven-plugin al gestor de paquetes a la instancia de autor predeterminada en localhost, puerto 4502. El nombre de host y el puerto se pueden cambiar con las propiedades definidas por el usuario aem.host y aem.port. |
| autoInstallPackagePublish | Instale el paquete de contenido ui.content y ui.apps con el complemento content-package-maven-plugin al gestor de paquetes para publicar la instancia predeterminada en localhost, puerto 4503. El nombre de host y el puerto se pueden cambiar con las propiedades definidas por el usuario aem.host y aem.port. |
| autoInstallSinglePackage | Instale el paquete de contenido all con el complemento content-package-maven-plugin en el gestor de paquetes a la instancia de autor predeterminada en localhost, puerto 4502. El nombre de host y el puerto se pueden cambiar con las propiedades definidas por el usuario aem.host y aem.port. |
| autoInstallSinglePackagePublish | Instale el paquete de contenido all con el complemento content-package-maven-plugin en el gestor de paquetes para publicar la instancia predeterminada en localhost, puerto 4503. El nombre de host y el puerto se pueden cambiar con las propiedades definidas por el usuario aem.host y aem.port. |
| integrationTests | Ejecuta las pruebas de integración proporcionadas en la instancia de AEM (solo para la fase verify) |

Creación e instalación de

Para crear todos los módulos que se ejecutan en el directorio raíz del proyecto, utilice el siguiente comando Maven.

mvn clean install

Si tiene una instancia de AEM en ejecución, puede crear y empaquetar todo el proyecto e implementarlo en AEM con el siguiente comando Maven.

mvn clean install -PautoInstallPackage

Para implementarlo en una instancia de publicación, ejecute este comando.

mvn clean install -PautoInstallPackagePublish

Como alternativa, para implementar en una instancia de publicación, ejecute este comando.

mvn clean install -PautoInstallPackage -Daem.port=4503

O para implementar solo el paquete en el autor, ejecute este comando.

mvn clean install -PautoInstallBundle

POM principal

El pom.xml en la raíz del proyecto (<src-directory>/<project>/pom.xml) se conoce como el POM principal y controla la estructura del proyecto, así como administra dependencias y ciertas propiedades globales del proyecto.

Propiedades globales del proyecto

La sección <properties> del POM principal define varias propiedades globales que son importantes para la implementación del proyecto en una instancia de AEM, como nombre de usuario/contraseña, nombre de host/puerto, etc.

Estas propiedades están configuradas para implementarse en una instancia de AEM local, ya que esta es la compilación más común que los desarrolladores realizan. Tenga en cuenta que hay propiedades para implementar en una instancia de autor, así como una instancia de publicación. También es allí donde las credenciales están configuradas para autenticarse con la instancia de AEM. Se utilizan las credenciales predeterminadas admin:admin .

Estas propiedades se configuran para que se puedan sobrescribir al implementarlas en entornos de nivel superior. De este modo, los archivos POM no tienen que cambiar, pero las variables como aem.host y sling.password pueden anularse mediante argumentos de línea de comandos:

mvn -PautoInstallPackage clean install -Daem.host=production.hostname -Dsling.password=productionpasswd

Estructura del módulo

La sección <modules> del POM principal define los módulos que el proyecto creará. De forma predeterminada, el proyecto crea los módulos estándar definidos anteriormente: core, ui.apps, ui.content, ui.test y it.launcher. Siempre se pueden añadir más módulos a medida que evoluciona un proyecto.

Dependencias

La sección <dependencyManagement> del POM principal define todas las dependencias y versiones de API que se utilizan en el proyecto. Las versiones deben administrarse en el POM principal. Los submódulos como core y ui.apps no deben incluir información de versión.

Uber-Jar

Una de las dependencias clave es AEM uber-jar. Esto incluirá todas las API de AEM con solo una entrada de dependencia para la versión de AEM.

Componentes principales

El tipo de archivo del proyecto AEM, por supuesto, aprovecha los componentes principales.

Los componentes principales se instalan en AEM automáticamente en el modo de ejecución predeterminado y se utilizan en el sitio WKND de muestra. En un modo de ejecución de producción (nosamplecontent), los componentes principales no están disponibles.

Por lo tanto, para aprovechar los componentes principales en todas las implementaciones, se recomienda incluirlos como parte del proyecto Maven.

Pruebas

Existen tres niveles de prueba contenidos en el proyecto y, como son diferentes tipos de prueba, se ejecutan de diferentes maneras o en diferentes lugares.

• Prueba unitaria en el núcleo: Esto muestra la prueba de unidad clásica del código contenido en el paquete. Para probar, ejecute:
  • mvn clean test
• Pruebas de integración del lado del servidor: Estas pruebas unitarias se ejecutan en el entorno AEM, es decir, en el servidor AEM. Para probar, ejecute:
  • mvn clean verify -PintegrationTests
• Pruebas Hobbes.js del lado del cliente: Estas son pruebas del lado del explorador basadas en JavaScript que verifican el comportamiento del lado del explorador. Para probar:
  1. Cargue AEM en el explorador como lo haría para crear una página.
  2. Abra la página en Developer mode
  3. Abra el panel izquierdo y cambie a la pestaña Pruebas.
  4. Busque las MyName Tests generadas y ejecútelas.

Pasos siguientes

Por lo tanto, ha creado e instalado el tipo de archivo del proyecto AEM. ¿Y ahora qué? Bueno, el arquetipo es pequeño, pero consiste en muchos ejemplos de potentes funciones de AEM configuradas según las mejores prácticas recomendadas. Utilice estos indicadores para indicar cómo puede aprovechar estas funciones en su proyecto. Para cualquier proyecto, probablemente necesite:

• Personalizar componentes ampliando los componentes principales existentes
• Agregar plantillas adicionales
• Adaptar la estructura de localización
• Obtenga información sobre el módulo de compilación del front-end