Abilita componenti core Forms adattivi

Ultimo aggiornamento: 2024-01-15
  • Creato per:
  • Admin
    Developer
    User
Versione Collegamento articolo
AEM 6.5 Fai clic qui
AEM as a Cloud Service Questo articolo

Abilitando i componenti core Adaptive Forms su AEM Forms as a Cloud Service, puoi iniziare a creare, pubblicare e distribuire componenti core basati su Adaptive Forms e Headless Forms utilizzando le istanze del Cloud Service AEM Forms su più canali. Per utilizzare Headless Adaptive Forms è necessario un ambiente abilitato per i Componenti core Forms adattivi.

Considerazioni

Abilitare i componenti core Forms adattivi e i Forms adattativi headless

Per abilitare i componenti core Adaptive Forms e Headless Adaptive Forms per un ambiente AEM Forms as a Cloud Service, effettua le seguenti operazioni, nell’ordine elencato

Abilitare i componenti core e i moduli adattivi headless

1. Clona l’archivio Git as a Cloud Service di AEM Forms

  1. Accedi a Cloud Manager e seleziona la tua organizzazione e il tuo programma.

  2. Accedi a Pipeline scheda dal tuo Panoramica del programma , fare clic su Accedi a dati archivio per accedere e gestire l’archivio Git. La pagina include le seguenti informazioni:

    • URL dell’archivio Git di Cloud Manager.
    • Credenziali dell’archivio Git (nome utente e password), nome utente Git.

    Clic Genera password per visualizzare o generare la password.

  3. Aprire il terminale o il prompt dei comandi sul computer locale ed eseguire il comando seguente:

    git clone [Git Repository URL]
    

    Quando richiesto, immettere le credenziali. L'archivio viene clonato nel computer locale.

2. Aggiungere all’archivio Git le dipendenze dei Componenti core adattivi di Forms

  1. Apri la cartella dell’archivio Git in un editor di codice di testo normale. Ad esempio, Codice VS.

  2. Apri [AEM Repository Folder]\pom.xml file per la modifica.

  3. Sostituisci versioni di core.forms.components.version, core.forms.components.af.version e core.wcm.components.version componenti con versioni specificate in documentazione dei componenti core. Se il componente non esiste, aggiungi questi componenti.

    <!-- 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>
    

    Menzionare la versione più recente dei componenti core di Forms

  4. Nella sezione dipendenze della sezione [AEM Repository Folder]\pom.xml , aggiungere le dipendenze seguenti e salvare il file.

        <!-- 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. Apri [AEM Repository Folder]/all/pom.xml file per la modifica. Aggiungi le dipendenze seguenti nel <embeddeds> e salva il file.

    <!-- 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>
    
    NOTA

    Sostituisci ${appId} con il tuo appId.

    Per trovare ${appId}, nella [AEM Repository Folder]/all/pom.xml file, cerca nel -packages/application/install termine. Il testo prima del -packages/application/install il termine è il tuo ${appId}. Ad esempio, il codice seguente: myheadlessform è ${appId}.



    com.myheadlessform
    myheadlessform.ui.apps
    zip
    /apps/myheadlessform-packages/application install

  6. In <dependencies> sezione del [AEM Repository Folder]/all/pom.xml , aggiungere le dipendenze seguenti e salvare il file:

            <!-- 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. Apri [AEM Repository Folder]/ui.apps/pom.xml per la modifica. Aggiungi il af-core bundle e salvare il file.

        <dependency>
        <groupId>com.adobe.aem</groupId>
        <artifactId>core-forms-components-af-core</artifactId>
        </dependency>
    
    NOTA

    Assicurati che i seguenti artefatti dei Componenti core adattivi di Forms non siano inclusi nel progetto.

    <dependency>

    <groupId>com.adobe.aem</groupId>
    <artifactId>core-forms-components-apps</artifactId>

    </dependency>

    e

    <dependency>

    <groupId>com.adobe.aem</groupId>
    <artifactId>core-forms-components-core</artifactId>

    </dependency>

  8. Salva e chiudi il file.

3. Genera e distribuisci il codice aggiornato

Distribuisci il codice aggiornato negli ambienti di sviluppo e Cloud Service locali per abilitare i Componenti core in entrambi gli ambienti:

Generare e distribuire il codice aggiornato in un ambiente di sviluppo locale

  1. Apri il prompt dei comandi o il terminale.

  2. Passa alla directory principale del progetto dell’archivio Git.

  3. Esegui il seguente comando per generare il pacchetto per il tuo ambiente:

        mvn clean install
    

    Una volta creato correttamente il pacchetto, puoi trovarlo all’indirizzo [Cartella archivio Git]\all\target[appid].all-[version].zip

  4. Utilizza il Gestione pacchetti per implementare [Cartella progetto Archetipo AEM]\all\target[appid].all-[version]pacchetto .zip nell’ambiente di sviluppo locale.

Generare e distribuire il codice aggiornato in un ambiente as a Cloud Service AEM Forms

  1. Aprire il terminale o il prompt dei comandi.

  2. Accedi al tuo [AEM Repository Folder] ed esegui i seguenti comandi nell’ordine elencato

     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. Dopo il commit dei file nell’archivio Git, Eseguire la pipeline.

    Una volta completata l’esecuzione della pipeline, i componenti core Adaptive Forms vengono abilitati per l’ambiente corrispondente. All’ambiente Forms as a Cloud Service vengono inoltre aggiunti un modello Forms adattivo (Componenti core) e un tema Canvas 3.0, che offrono opzioni per personalizzare e creare componenti core basati su Adaptive Forms.

Domande frequenti

Cosa sono i Componenti core?

Il Componenti core sono un set 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:

I componenti core Forms adattivi sono abilitati per il mio ambiente?

Per verificare che i componenti core Adaptive Forms siano abilitati per il tuo ambiente:

  1. Clonare l’archivio as a Cloud Service di AEM Forms.

  2. Apri [AEM Repository Folder]/all/pom.xml del tuo archivio Git di Cloud Service AEM Forms.

  3. Cerca le dipendenze seguenti:

    • core-forms-components-af-core
    • core-forms-components-core
    • core-forms-components-apps
    • core-forms-components-af-apps
    • core-forms-components-examples-apps
    • core-forms-components-examples-content

    individua l’artefatto core-forms-components-af-core in all/pom.xml

    Se le dipendenze esistono, i componenti core Adaptive Forms sono abilitati per il tuo ambiente.

In questa pagina