Comprobación y activación de los componentes principales de Forms adaptable enable-headless-adaptive-forms-on-aem-forms-cloud-service

Pasos de habilitación manual

note warning
WARNING
Solo siga estos pasos si la comprobación de verificación anterior confirma que los componentes principales de Forms adaptable NO están habilitados para su entorno.

Realice los siguientes pasos, en el orden indicado, para habilitar los componentes principales de Forms adaptable y Forms adaptable sin encabezado para un entorno de as a Cloud Service de AEM Forms:

​1. Clone su repositorio de Git de AEM Forms as a Cloud Service clone-git-repository

1. Inicie sesión en Cloud Manager y seleccione su organización y programa.

2. Vaya a la tarjeta Canalizaciones de la página Información general del programa y haga clic en el botón Acceder a la info del repositorio para acceder y administrar su repositorio de Git. La página incluye la siguiente información:

   • La dirección URL del repositorio de Git de Cloud Manager.
   • Credenciales del nombre de usuario del repositorio de Git (nombre de usuario y contraseña).

   Haga clic en Generar contraseña para ver o generar la contraseña.

3. Abra el terminal o el símbolo de comando en el equipo local de su ordenador y ejecute el siguiente comando:

   code language-shell
   git clone [Git Repository URL]

   Cuando se le solicite, proporcione las credenciales. El repositorio se clona en su ordenador local.

​2. Añadir dependencias de componentes principales de formularios adaptables al repositorio de Git add-adaptive-forms-core-components-dependencies

1. Abra la carpeta del repositorio de Git en un editor de código de texto sin formato. Por ejemplo, VS Code.

2. Abra el archivo [AEM Repository Folder]\pom.xml para editarlo.

3. Reemplazar versiones de core.forms.components.version, core.forms.components.af.version y core.wcm.components.version componentes con versiones especificadas en documentación de componentes principales. Si el componente no existe, añada estos componentes.

   code language-xml
   <!-- Replace the version with the latest released version at https://github.com/adobe/aem-core-forms-components/tags --> <properties> <core.wcm.components.version>2.22.10</core.wcm.components.version> <core.forms.components.version>2.0.18</core.forms.components.version> <core.forms.components.af.version>2.0.18</core.forms.components.af.version> </properties>

   

4. En la sección de dependencias del archivo [AEM Repository Folder]\pom.xml, agregue las siguientes dependencias y guarde el archivo.

   code language-xml

   <!-- WCM Core Component Examples Dependencies --> <dependency> <groupId>com.adobe.cq</groupId> <artifactId>core.wcm.components.examples.ui.apps</artifactId> <type>zip</type> <version>${core.wcm.components.version}</version> </dependency> <dependency> <groupId>com.adobe.cq</groupId> <artifactId>core.wcm.components.examples.ui.content</artifactId> <type>zip</type> <version>${core.wcm.components.version}</version> </dependency> <dependency> <groupId>com.adobe.cq</groupId> <artifactId>core.wcm.components.examples.ui.config</artifactId> <version>${core.wcm.components.version}</version> <type>zip</type> </dependency> <!-- End of WCM Core Component Examples Dependencies --> <!-- Forms Core Component Dependencies --> <dependency> <groupId>com.adobe.aem</groupId> <artifactId>core-forms-components-core</artifactId> <version>${core.forms.components.version}</version> </dependency> <dependency> <groupId>com.adobe.aem</groupId> <artifactId>core-forms-components-apps</artifactId> <version>${core.forms.components.version}</version> <type>zip</type> </dependency> <dependency> <groupId>com.adobe.aem</groupId> <artifactId>core-forms-components-af-core</artifactId> <version>${core.forms.components.version}</version> </dependency> <dependency> <groupId>com.adobe.aem</groupId> <artifactId>core-forms-components-af-apps</artifactId> <version>${core.forms.components.version}</version> <type>zip</type> </dependency> <dependency> <groupId>com.adobe.aem</groupId> <artifactId>core-forms-components-examples-apps</artifactId> <type>zip</type> <version>${core.forms.components.version}</version> </dependency> <dependency> <groupId>com.adobe.aem</groupId> <artifactId>core-forms-components-examples-content</artifactId> <type>zip</type> <version>${core.forms.components.version}</version> </dependency> <!-- End of AEM Forms Core Component Dependencies -->

5. Abra el archivo [AEM Repository Folder]/all/pom.xml para editarlo. Agregue las siguientes dependencias en la sección <embeddeds> y guarde el archivo.

   code language-xml

   <!-- WCM Core Component Examples Dependencies --> <!-- inside plugin config of filevault-package-maven-plugin --> <!-- embed wcm core components examples artifacts --> <embedded> <groupId>com.adobe.cq</groupId> <artifactId>core.wcm.components.examples.ui.apps</artifactId> <type>zip</type> <target>/apps/${appId}-vendor-packages/content/install</target> </embedded> <embedded> <groupId>com.adobe.cq</groupId> <artifactId>core.wcm.components.examples.ui.content</artifactId> <type>zip</type> <target>/apps/${appId}-vendor-packages/content/install</target> </embedded> <embedded> <groupId>com.adobe.cq</groupId> <artifactId>core.wcm.components.examples.ui.config</artifactId> <type>zip</type> <target>/apps/${appId}-vendor-packages/content/install</target> </embedded> <!-- embed forms core components artifacts --> <embedded> <groupId>com.adobe.aem</groupId> <artifactId>core-forms-components-af-apps</artifactId> <type>zip</type> <target>/apps/${appId}-vendor-packages/application/install</target> </embedded> <embedded> <groupId>com.adobe.aem</groupId> <artifactId>core-forms-components-af-core</artifactId> <target>/apps/${appId}-vendor-packages/application/install</target> </embedded> <embedded> <groupId>com.adobe.aem</groupId> <artifactId>core-forms-components-examples-apps</artifactId> <type>zip</type> <target>/apps/${appId}-vendor-packages/content/install</target> </embedded> <embedded> <groupId>com.adobe.aem</groupId> <artifactId>core-forms-components-examples-content</artifactId> <type>zip</type> <target>/apps/${appId}-vendor-packages/content/install</target> </embedded>

   note note
   NOTE
   Reemplace ${appId} con su appId.
   Para encontrar su ${appId}, en el archivo [AEM Repository Folder]/all/pom.xml, busque el término -packages/application/install. El texto antes del término -packages/application/install es su ${appId}. Por ejemplo, el siguiente código, myheadlessform es ${appId}.
   code language-none com.myheadlessform myheadlessform.ui.apps zip /apps/myheadlessform-packages/application install

6. En la <dependencies> sección del archivo [AEM Repository Folder]/all/pom.xml, agregue las siguientes dependencias y guarde el archivo:

   code language-xml

   <!-- Other existing dependencies --> <!-- wcm core components examples dependencies --> <dependency> <groupId>com.adobe.cq</groupId> <artifactId>core.wcm.components.examples.ui.apps</artifactId> <type>zip</type> </dependency> <dependency> <groupId>com.adobe.cq</groupId> <artifactId>core.wcm.components.examples.ui.config</artifactId> <type>zip</type> </dependency> <dependency> <groupId>com.adobe.cq</groupId> <artifactId>core.wcm.components.examples.ui.content</artifactId> <type>zip</type> </dependency> <!-- forms core components dependencies --> <dependency> <groupId>com.adobe.aem</groupId> <artifactId>core-forms-components-af-apps</artifactId> <type>zip</type> </dependency> <dependency> <groupId>com.adobe.aem</groupId> <artifactId>core-forms-components-examples-apps</artifactId> <type>zip</type> </dependency> <dependency> <groupId>com.adobe.aem</groupId> <artifactId>core-forms-components-examples-content</artifactId> <type>zip</type> </dependency>

7. Abra [AEM Repository Folder]/ui.apps/pom.xml para editarlo. Añada la dependencia af-core bundle y guarde el archivo.

   code language-xml
   <dependency> <groupId>com.adobe.aem</groupId> <artifactId>core-forms-components-af-core</artifactId> </dependency>

   note note
   NOTE
   Asegúrese de que los siguientes artefactos de componentes principales de formularios adaptables no estén incluidos en el proyecto.
   <dependency>
   <groupId>com.adobe.aem</groupId> <artifactId>core-forms-components-apps</artifactId>
   </dependency>
   y
   <dependency>
   <groupId>com.adobe.aem</groupId> <artifactId>core-forms-components-core</artifactId>
   </dependency>

8. Guarde y cierre el archivo.

​3. Genere e implemente el código actualizado

Implemente el código actualizado en sus entornos de desarrollo local y de Cloud Service para habilitar los componentes principales en ambos entornos:

• Genere e implemente el código actualizado en un entorno de desarrollo local (AEM as a Cloud Service SDK)

• Genere e implemente el código actualizado en un entorno as a Cloud Service de AEM Forms

Genere e implemente el código actualizado en un entorno de desarrollo local core-components-on-aem-forms-local-sdk

1. Abra el símbolo de comando o el terminal.

2. Vaya al directorio raíz del proyecto del repositorio de Git.

3. Ejecute el siguiente comando para generar el paquete para su entorno:

   code language-shell
   mvn clean install

   Una vez que el paquete se haya creado correctamente, puede encontrarlo en la [Carpeta del repositorio de Git]\all\target[appid].all-[version].zip

4. Utilice el Administrador de paquetes para implementar la [Carpeta de proyecto arquetipo AEM]\all\target[appid].all-[version]paquete .zip en el entorno de desarrollo local.

Genere e implemente el código actualizado en un entorno as a Cloud Service de AEM Forms core-components-on-aem-forms-cs

1. Abra el terminal o el símbolo del comando.

2. Navegue hasta su [AEM Repository Folder] y ejecute los siguientes comandos en el orden indicado

   code language-shell
   git add pom.xml git add all/pom.xml git add ui.apps/pom.xml git commit -m "Added dependencies for Adaptive Forms Core Components" git push origin

3. Una vez que los archivos se hayan confirmado en el repositorio de Git, Ejecute la canalización.

   Una vez que la ejecución de la canalización se haya realizado correctamente, los componentes principales de formularios adaptables se habilitan para el entorno correspondiente. Además, se añade una plantilla de formularios adaptables (componentes principales) y una temática de Canvas 3.0 al entorno as a Cloud Service de formularios, lo que le proporciona opciones para personalizar y crear componentes principales basados en formularios adaptables.