Aktivera adaptiva Forms Core-komponenter enable-headless-adaptive-forms-on-aem-forms-cloud-service

Version
Artikellänk
AEM 6.5
Klicka här
AEM as a Cloud Service
Den här artikeln

Genom att aktivera adaptiva Forms Core-komponenter på AEM Forms as a Cloud Service kan du börja skapa, publicera och leverera Core Components-baserade adaptiva Forms och Headless Forms med hjälp av AEM Forms Cloud Service-instanser i flera kanaler. Du behöver en adaptiv Forms Core Components-aktiverad miljö för att kunna använda Headless Adaptive Forms.

Överväganden

Aktivera adaptiva Forms Core-komponenter och Headless Adaptive Forms enable-headless-forms

Utför följande steg i listad ordning för att aktivera adaptiva Forms Core-komponenter och Headless Adaptive Forms för en as a Cloud Service AEM Forms-miljö

Möjliggör centrala komponenter och headless adaptive forms

1. Klona din AEM Forms as a Cloud Service Git-databas clone-git-repository

  1. Logga in på Cloud Manager och väljer organisation och program.

  2. Navigera till Pipelines från Programöversikt klickar du på Åtkomst till svarsinformation för att komma åt och hantera din Git-databas. Sidan innehåller följande information:

    • URL till Cloud Manager Git-databasen.
    • Autentiseringsuppgifter för Git-databasen (användarnamn och lösenord) Git-användarnamn.

    Klicka Generera lösenord för att visa eller generera lösenordet.

  3. Öppna terminalen eller kommandotolken på den lokala datorn och kör följande kommando:

    code language-shell
    git clone [Git Repository URL]
    

    Ange inloggningsuppgifterna när du uppmanas att göra det. Databasen klonas till din lokala dator.

2. Lägg till adaptiva Forms Core-komponentberoenden i Git-databasen add-adaptive-forms-core-components-dependencies

  1. Öppna Git-databasmappen i en kodredigerare för oformaterad text. Exempel: VS-kod.

  2. Öppna [AEM Repository Folder]\pom.xml fil för redigering.

  3. Ersätt versioner av core.forms.components.version, core.forms.components.af.version och core.wcm.components.version komponenter med versioner angivna i kärnkomponentdokumentation. Om komponenten inte finns lägger du till dessa komponenter.

    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>
    

    Uppge den senaste versionen av Forms Core Components

  4. I avsnittet Beroenden i [AEM Repository Folder]\pom.xml lägger du till följande beroenden och sparar filen.

    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. Öppna [AEM Repository Folder]/all/pom.xml fil för redigering. Lägg till följande beroenden i <embeddeds> och spara filen.

    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
    Ersätt ${appId} med ditt appId.
    Hitta ${appId}, i [AEM Repository Folder]/all/pom.xml -fil, söka i -packages/application/install term. Texten före -packages/application/install termen ${appId}. Följande kod, till exempel myheadlessform är ${appId}.
    code language-none
    
    
    
    
    com.myheadlessform
    
    myheadlessform.ui.apps
    
    zip
    
    /apps/myheadlessform-packages/application install
    
  6. I <dependencies> i [AEM Repository Folder]/all/pom.xml lägger du till följande beroenden och sparar filen:

    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. Öppna [AEM Repository Folder]/ui.apps/pom.xml för redigering. Lägg till af-core bundle beroende och spara filen.

    code language-xml
        <dependency>
        <groupId>com.adobe.aem</groupId>
        <artifactId>core-forms-components-af-core</artifactId>
        </dependency>
    
    note note
    NOTE
    Kontrollera att följande adaptiva Forms Core Components-artefakter inte ingår i ditt projekt.
    <dependency>
    <groupId>com.adobe.aem</groupId>
    <artifactId>core-forms-components-apps</artifactId>
    </dependency>
    och
    <dependency>
    <groupId>com.adobe.aem</groupId>
    <artifactId>core-forms-components-core</artifactId>
    </dependency>
  8. Spara och stäng filen.

3. Skapa och distribuera den uppdaterade koden

Distribuera den uppdaterade koden till din lokala utvecklingsmiljö och Cloud Service för att aktivera Core Components i båda miljöerna:

Skapa och distribuera uppdaterad kod i en lokal utvecklingsmiljö core-components-on-aem-forms-local-sdk

  1. Öppna kommandotolken eller terminalen.

  2. Navigera till rotkatalogen för Git-databasprojektet.

  3. Kör följande kommando för att skapa paketet för din miljö:

    code language-shell
        mvn clean install
    

    När paketet har skapats hittar du det på [Git-databasmapp]\all\target[appid].all-[version].zip

  4. Använd Pakethanteraren för att distribuera [AEM Archetype-projektmapp]\all\target[appid].all-[version]ZIP-paket i lokal utvecklingsmiljö.

Skapa och driftsätt uppdaterad kod i en as a Cloud Service AEM Forms-miljö core-components-on-aem-forms-cs

  1. Öppna terminalen eller kommandotolken.

  2. Navigera till [AEM Repository Folder] och kör följande kommandon i den ordning de visas

    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. När filerna har implementerats i Git-databasen, Kör pipeline.

    När pipeline-körningen har slutförts aktiveras adaptiva Forms Core-komponenter för motsvarande miljö. Dessutom har en adaptiv Forms-mall (Core Components) och Canvas 3.0-temat lagts till i Forms as a Cloud Service miljö, med alternativ för att anpassa och skapa Core Components-baserade Adaptive Forms.

Vanliga frågor faq

Vad är kärnkomponenter? core-components

The Kärnkomponenter är en uppsättning standardiserade WCM-komponenter (Web Content Management) för AEM som snabbar upp utvecklingstiden och minskar underhållskostnaderna för dina webbplatser.

Vilka funktioner finns det för att aktivera kärnkomponenter? core-components-capabilities

När de adaptiva Forms Core-komponenterna är aktiverade för din miljö läggs en tom Core Components-baserad Adaptive Form-mall och Canvas 3.0-tema till i din miljö. När du har aktiverat adaptiva Forms Core-komponenter för din miljö kan du:

Är adaptiva Forms Core-komponenter aktiverade för min miljö? enable-components

Så här kontrollerar du att adaptiva Forms Core-komponenter är aktiverade för din miljö:

  1. Klona din AEM Forms as a Cloud Service databas.

  2. Öppna [AEM Repository Folder]/all/pom.xml -fil för din AEM Forms Cloud Service Git-databas.

  3. Sök efter följande beroenden:

    • 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

    leta reda på artefakten core-forms-components-af-core i all/pom.xml

    Om det finns beroenden aktiveras adaptiva Forms Core-komponenter för din miljö.

recommendation-more-help
fbcff2a9-b6fe-4574-b04a-21e75df764ab