Aktivieren von adaptiven Headless-Formularen in AEM 6.5 Forms enable-headless-adaptive-forms-on-aem-65-forms

Melden Sie sich bei Ihrem Computer an, hosten Sie Ihre AEM 6.5 Forms-Instanz und führen Sie sie als Administrator aus.

Öffnen Sie die Eingabeaufforderung oder das Terminal.

Führen Sie den folgenden Befehl aus, um ein auf AEM Archetype 41 basierendes Projekt zu erstellen:

• Microsoft Windows

   mvn -B org.apache.maven.plugins:maven-archetype-plugin:3.2.1:generate ^
   -D archetypeGroupId=com.adobe.aem ^
   -D archetypeArtifactId=aem-project-archetype ^
   -D archetypeVersion=41 ^
   -D appTitle="My Form" ^
   -D appId="myform" ^
   -D groupId="com.myform" ^
   -D includeFormsenrollment="y" ^
   -D aemVersion="6.5.23"

• Linux® oder Apple macOS

   mvn -B org.apache.maven.plugins:maven-archetype-plugin:3.2.1:generate \
   -D archetypeGroupId=com.adobe.aem \
   -D archetypeArtifactId=aem-project-archetype \
   -D archetypeVersion=41 \
   -D appTitle="My Form" \
   -D appId="myform" \
   -D groupId="com.myform" \
   -D includeFormsenrollment="y" \
   -D aemVersion="6.5.23"

Beachten Sie beim Ausführen des obigen Befehls Folgendes:

• Aktualisieren Sie den Befehl, um die spezifischen Werte für Ihre Umgebung widerzuspiegeln, einschließlich appTitle, appId und groupId. Legen Sie außerdem die Werte für includeFormsEnrollment auf y fest. Wenn Sie Forms Portal verwenden, legen Sie die Option includeExamples=y fest, um die Kernkomponenten von Forms Portal in Ihr Projekt aufzunehmen.

(Nur für Projekte, die auf dem Archetyp Version 41 basieren) Nachdem das AEM-Archetyp-Projekt erstellt wurde, aktivieren Sie Designs für auf Kernkomponenten basierende adaptive Formulare. So aktivieren Sie Designs:

1. Öffnen Sie den [AEM-Archetyp-Projektordner]/ui.apps/src/main/content/jcr_root/apps/appId/components/adaptiveForm/page/customheaderlibs.html zur Bearbeitung:

2. Fügen Sie in Zeile 21 den folgenden Code hinzu:

   code language-xml
   <sly data-sly-use.clientlib="core/wcm/components/commons/v1/templates/clientlib.html" data-sly-use.formstructparser="com.adobe.cq.forms.core.components.models.form.FormStructureParser" data-sly-test.themeClientLibRef="${formstructparser.themeClientLibRefFromFormContainer}"> <sly data-sly-test="${themeClientLibRef}" data-sly-call="${clientlib.css @ categories=themeClientLibRef}"/> </sly>

   

3. Speichern und schließen Sie die Datei.

Aktualisieren Sie das Projekt, um die neueste Version der Forms-Kernkomponenten einzuschließen:

1. Öffnen Sie den [AEM-Archetyp-Projektordner]/pom.xml zur Bearbeitung.

2. Legen Sie die Version von core.forms.components.version und core.forms.components.af.version auf die neueste Version der Forms-Kernkomponenten fest.

3. Speichern und schließen Sie die Datei.

Nachdem das AEM-Archetyp-Projekt erfolgreich erstellt wurde, erstellen Sie das Bereitstellungspaket für Ihre Umgebung. Erstellen des Pakets:

1. Navigieren Sie zum Stammverzeichnis Ihres AEM-Archetyp-Projekts.

2. Führen Sie den folgenden Befehl aus, um das AEM-Archetyp-Projekt für Ihre Umgebung zu erstellen:

   code language-shell
   mvn clean install

   

Nachdem das AEM-Archetyp-Projekt erfolgreich erstellt wurde, wird ein AEM-Paket generiert. Sie finden das Paket im [AEM-Archetyp-Projektordner]\all\target[appid].all-[version].zip

Verwenden Sie den Package Manager zur Bereitstellung des Pakets [AEM-Archetyp-Projektordner]\all\target[appid].all-[version].zip auf allen Authoring- und Publishing-Instanzen.