DocumentatieAEM as a Cloud ServiceHandboek

Adaptieve Forms Core-componenten inschakelen enable-headless-adaptive-forms-on-aem-forms-cloud-service

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

Gemaakt voor:

  • Beheerder
  • Ontwikkelaar
  • Gebruiker
Versie
Artikelkoppeling
AEM 6,5
klik hier
AEM as a Cloud Service
Dit artikel

Als u Adaptive Forms Core Components inschakelt op AEM Forms as a Cloud Service, kunt u beginnen met het maken, publiceren en leveren van Core Components based Adaptive Forms and Headless Forms met uw AEM Forms Cloud Service-instanties naar meerdere kanalen. Voor het gebruik van Headless Adaptive Forms hebt u de omgeving geschikt voor Adaptive Forms Core Components nodig.

Overwegingen

Adaptieve Forms Core-componenten en Forms zonder koptekst inschakelen enable-headless-forms

Voer de volgende stappen uit in de aangegeven volgorde om Adaptive Forms Core Components en Headless Adaptive Forms voor een AEM Forms as a Cloud Service omgeving in te schakelen

laat kerncomponenten en hoofd toe aanpassende vormen

1. Clone your AEM Forms as a Cloud Service Git Repository clone-git-repository

  1. Login aan Cloud Manageren selecteer uw organisatie en programma.

  2. Navigeer aan de Pipelines kaart van uw pagina van het Overzicht van het Programma, klik de Info van de Reactie van de Toegang knoop om tot uw Bewaarplaats van het Bezit van het Bezit toegang te hebben en te beheren. De pagina bevat de volgende informatie:

    • URL naar de Cloud Manager Git Repository.
    • Referenties van de Git Repository (Gebruikersnaam en Wachtwoord) Gebruikersnaam.

    Klik produceer Wachtwoord om het wachtwoord te bekijken of te produceren.

  3. Open terminal of bevelherinnering op uw lokale computer en stel het volgende bevel in werking:

    code language-shell 
    git clone [Git Repository URL]

    Geef de gegevens op wanneer u hierom wordt gevraagd. De opslagplaats is gekloond op uw lokale computer.

2. Voeg adaptieve Forms Core Components-afhankelijkheden toe aan uw Git Repository add-adaptive-forms-core-components-dependencies

  1. Open de map Git Repository in een tekstcode-editor zonder opmaak. Bijvoorbeeld, de Code van VS.

  2. Open het [AEM Repository Folder]\pom.xml -bestand om het te bewerken.

  3. Vervang versies van core.forms.components.version, core.forms.components.af.version en core.wcm.components.version componenten met versies die in worden gespecificeerd kerncomponentendocumentatie. Als de component niet bestaat, voegt u deze componenten toe.

    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>

    de recentste versie van de Verwijzing van de Componenten van de Kern van Forms

  4. Voeg in de sectie Afhankelijkheden van het [AEM Repository Folder]\pom.xml -bestand de volgende afhankelijkheden toe en sla het bestand op.

    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. Open het [AEM Repository Folder]/all/pom.xml -bestand om het te bewerken. Voeg de volgende afhankelijkheden toe aan de sectie <embeddeds> en sla het bestand op.

    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
    Vervang ${appId} door uw appId.
    Zoek in het [AEM Repository Folder]/all/pom.xml -bestand naar de term -packages/application/install om de term ${appId} te zoeken. De tekst voor de term -packages/application/install is de ${appId} . De volgende code, myheadlessform is bijvoorbeeld ${appId} .
    code language-none 
    



com.myheadlessform

myheadlessform.ui.apps

zip

/apps/myheadlessform-packages/application install

  6. Voeg in de sectie <dependencies> van het [AEM Repository Folder]/all/pom.xml -bestand de volgende afhankelijkheden toe en sla het bestand op:

    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. Open de [AEM Repository Folder]/ui.apps/pom.xml voor bewerking. Voeg de af-core bundle afhankelijkheid toe en sla het bestand op.

    code language-xml 
        <dependency>
    <groupId>com.adobe.aem</groupId>
    <artifactId>core-forms-components-af-core</artifactId>
    </dependency>
    note note
    NOTE
    Zorg ervoor dat de volgende Adaptive Forms Core Components-artefacten niet in uw project zijn opgenomen.
    <dependency>
    <groupId>com.adobe.aem</groupId>
    <artifactId>core-forms-components-apps</artifactId>
    </dependency>
    en
    <dependency>
    <groupId>com.adobe.aem</groupId>
    <artifactId>core-forms-components-core</artifactId>
    </dependency>

  8. Sla het bestand op en sluit het.

3. Bouw en stel de bijgewerkte code op

Implementeer de bijgewerkte code in uw lokale ontwikkelings- en Cloud Service-omgevingen om de Core Components op beide omgevingen in te schakelen:

Ontwikkel en stel bijgewerkte code op een lokale ontwikkelomgeving op core-components-on-aem-forms-local-sdk

  1. Open de opdrachtprompt of terminal.

  2. Navigeer naar de hoofdmap van het project voor de gegevensopslagruimte van Git.

  3. Voer de volgende opdracht uit om het pakket voor uw omgeving te maken:

    code language-shell 
        mvn clean install

    Nadat het pakket met succes wordt gebouwd, kunt u het bij [ de Omslag van de Bewaarplaats van de it ] \all\target\ [appid].all- [ versie ].zip vinden

  4. Gebruik de Manager van het Pakketom het [ AEM Archetype Omslag van het Project ] \all\target\ [appid].all- [ versie ] .zip pakket op lokaal ontwikkelomgeving op te stellen.

Een bijgewerkte code maken en implementeren in een AEM Forms as a Cloud Service omgeving core-components-on-aem-forms-cs

  1. Open de terminal of opdrachtprompt.

  2. Navigeer naar uw [AEM Repository Folder] en voer de volgende opdrachten in de vermelde volgorde uit

    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. Nadat de dossiers aan de Bewaarplaats van de Bewaarplaats van het Git worden geëngageerd, stel de pijpleidingin werking.

    Nadat de pijpleidingslooppas succesvol is, worden de Adaptieve Componenten van de Kern van Forms toegelaten voor het overeenkomstige milieu. Bovendien worden een Adaptive Forms (Core Components)-sjabloon en een Canvas 3.0-thema toegevoegd aan uw Forms as a Cloud Service omgeving, zodat u opties kunt kiezen om de op Core Components gebaseerde Adaptive Forms aan te passen en te maken.

Veelgestelde vragen faq

Wat zijn kerncomponenten? core-components

De Componenten van de Kernzijn een reeks gestandaardiseerde componenten van het Beheer van de Inhoud van het Web (WCM) voor AEM om ontwikkelingstijd te versnellen en onderhoudskosten van uw websites te drukken.

Welke mogelijkheden worden toegevoegd aan het toelaten van kerncomponenten? core-components-capabilities

Wanneer de Adaptive Forms Core Components voor uw omgeving is ingeschakeld, worden een leeg, op Core Components gebaseerd adaptief formulier sjabloon en Canvas 3.0 thema toegevoegd aan uw omgeving. Nadat u Adaptive Forms Core Components voor uw omgeving hebt ingeschakeld, kunt u:

Zijn Adaptive Forms Core Components ingeschakeld voor mijn omgeving? enable-components

Om te controleren of Adaptive Forms Core Components geschikt zijn voor uw omgeving:

  1. Kloon uw as a Cloud Service bewaarplaats van AEM Forms.

  2. Open het [AEM Repository Folder]/all/pom.xml -bestand van de AEM Forms Cloud Service Git Repository.

  3. Zoek naar de volgende gebiedsdelen:

    • 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

    bepaal de plaats van het kern-vormen-componenten-af-kern artefact in all/pom.xml

    Als de afhankelijkheden bestaan, worden Adaptive Forms Core Components ingeschakeld voor uw omgeving.

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