Abilitare Headless Adaptive Forms sul Forms AEM 6.5 enable-headless-adaptive-forms-on-aem-65-forms

Per abilitare Headless Adaptive Forms nell’ambiente Forms AEM 6.5, configura un progetto basato su AEM Archetype 41 o versione successiva e implementalo in tutte le istanze di Author e Publish.

Distribuendo il progetto basato su Archetipo AEM 41 o versione successiva nelle istanze di Forms AEM 6.5, è possibile creare componenti core basati su Adaptive Forms. Questi moduli sono rappresentati in formato JSON e utilizzati come Forms headful e headless adattivo, consentendo una maggiore flessibilità e personalizzazione in una serie di canali, tra cui app mobile, web e native.

Prerequisiti prerequisites

Prima di abilitare Headless Adaptive Forms nell’ambiente Forms AEM 6.5,

Crea e implementa il progetto più recente basato su Archetipo AEM

Per creare un progetto basato su Archetipo AEM 41 o versione successiva e distribuirlo a tutte le istanze Author e Publish:

  1. Accedi al computer, hosting ed esecuzione dell’istanza Forms AEM 6.5, come amministratore.

  2. Apri il prompt dei comandi o il terminale.

  3. Esegui il seguente comando per creare un progetto basato su Archetipo 41 AEM:

    • Microsoft Windows
    code language-shell
       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.15"
    
    • Linux o Apple macOS
    code language-shell
       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.15"
    

    Quando esegui il comando di cui sopra, considera i seguenti punti:

    • Aggiorna il comando in modo che rifletta i valori specifici per l'ambiente, inclusi appTitle, appId e groupId. Impostare inoltre i valori di includeFormsenrollment su 'y'. Se si utilizza Forms Portal, impostare l'opzione includeExamples=y per includere nel progetto i componenti core di Forms Portal.

    • Non modificare "aemVersion" da 6.5.15.0 ad altro.

  4. (Solo per progetti basati su Archetipo versione 41) Dopo la creazione del progetto Archetipo AEM, abilita i temi per Forms adattivo basato su Componenti core. Per abilitare i temi:

    1. Apri la [cartella dei progetti Archetipo AEM]/ui.apps/src/main/content/jcr_root/apps/appId/components/adaptiveForm/page/customheaderlibs.html per modificare:

    2. Aggiungere il seguente codice alla riga 21:

      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>
      

      Aggiungi il codice sopra menzionato alla riga 21

    3. Salva e chiudi il file.

  5. Aggiorna il progetto per includere la versione più recente dei Componenti core di Forms:

    1. Apri [Cartella progetti Archetipo AEM]/pom.xml per la modifica.

    2. Imposta la versione di core.forms.components.version e core.forms.components.af.version sulla versione più recente dei componenti core di Forms.

      Menzionare la versione più recente dei componenti core di Forms

    3. Salva e chiudi il file.

  6. Dopo aver creato correttamente il progetto dell’Archetipo AEM, crea il pacchetto di distribuzione per il tuo ambiente. Per generare il pacchetto:

    1. Passa alla directory principale del progetto Archetipo AEM.

    2. Esegui il seguente comando per creare il progetto Archetipo AEM per il tuo ambiente:

      code language-shell
      mvn clean install
      

      archetypebuild-success

    Una volta creato correttamente il progetto dell’Archetipo AEM, viene generato un pacchetto AEM. Puoi trovare il pacchetto in [Cartella progetti Archetipo AEM]\all\target[appid].all-[version].zip

  7. Utilizza Gestione pacchetti per distribuire il pacchetto [Cartella progetti Archetipo AEM]\all\target[appid].all-[versione].zip in tutte le istanze Author e Publish.

NOTE
Se si verificano problemi durante l'accesso alla finestra di dialogo di accesso in un'istanza di pubblicazione per installare il pacchetto tramite Gestione pacchetti, provare ad accedere tramite il seguente URL: http://[URL server Publish]:[PORT]/system/console. Ciò ti consente di accedere all’istanza di Publish e di procedere con il processo di installazione.

I Componenti core sono abilitati per il tuo ambiente. Nell'ambiente vengono distribuiti un modello modulo adattivo basato su Componenti core vuoti e un tema Canvas 3.0, che consente di creare componenti core basati su Forms adattivo.

Domande frequenti

Cosa sono i Componenti core?

I Componenti core sono un insieme di componenti WCM (Web Content Management) standardizzati per l'AEM che consentono di velocizzare i tempi di sviluppo e ridurre i costi di manutenzione dei siti Web.

Quali sono tutte le funzionalità aggiunte all’abilitazione dei componenti core?

Quando i componenti core Adaptive Forms sono abilitati per il tuo ambiente, all’ambiente vengono aggiunti un modello di modulo adattivo basato su Componenti core vuoto e un tema Canvas 3.0. Dopo aver abilitato i componenti core Forms adattivi per il tuo ambiente, puoi:

  • Creazione di componenti core basati su Adaptive Forms.
  • Creare modelli di moduli adattivi basati su Componenti core.
  • Crea temi personalizzati per i modelli di moduli adattivi basati su Componenti core.
  • Distribuisci le rappresentazioni JSON del modulo adattivo basato su componenti core a canali quali dispositivi mobili, web, app native e servizi che richiedono la rappresentazione headless di un modulo.
recommendation-more-help
ce8b2828-9203-402e-a565-7b758c99b2ba