DokumentationAEM as a Cloud ServiceAnvändarhandbok

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

Last update: Mon Jul 15 2024 00:00:00 GMT+0000 (Coordinated Universal Time)

Skapat för:

  • Administratör
  • Utvecklare
  • Användare
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 i 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ö

Aktivera kärnkomponenter och dynamiska adaptiva formulär

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

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

  2. Gå till pipelines-kortet på sidan Programöversikt och klicka på knappen Åtkomstrepoinformation för att få tillgång till 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 på 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 filen [AEM Repository Folder]\pom.xml för redigering.

  3. Ersätt versioner av komponenterna core.forms.components.version, core.forms.components.af.version och core.wcm.components.version med versioner som anges i dokumentationen för kärnkomponenter. 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. Lägg till följande beroenden i avsnittet Beroenden i filen [AEM Repository Folder]\pom.xml och spara 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 filen [AEM Repository Folder]/all/pom.xml för redigering. Lägg till följande beroenden i avsnittet <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.
    Om du vill hitta din ${appId} söker du efter termen -packages/application/install i filen [AEM Repository Folder]/all/pom.xml. Texten före termen -packages/application/install är din ${appId}. Följande kod, myheadlessform, är till exempel ${appId}.
    code language-none 
    



com.myheadlessform

myheadlessform.ui.apps

zip

/apps/myheadlessform-packages/application install

  6. Lägg till följande beroenden i <dependencies>-delen av filen [AEM Repository Folder]/all/pom.xml och spara 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-beroendet 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 finns det i [Git-databasmappen]\all\target[appid].all-[version].zip

  4. Använd Package Manager för att distribuera [AEM Archetype Project Folder]\all\target[appid].all-[version].zip-paketet på den lokala utvecklingsmiljön.

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

    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

Kärnkomponenterna ä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-filen 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ö.

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