DocumentatieAEMHandboek

Adaptieve Forms maken en publiceren met Edge Delivery Services

Laatst bijgewerkt: 24 januari 2026
  • Van toepassing op:
  • Experience Manager as a Cloud Service

Gemaakt voor:

  • Beginner
  • User
  • Developer

Dit document bevat stapsgewijze instructies voor het maken, configureren en publiceren van Adaptieve Forms met Edge Delivery Services-sjablonen in AEM. Het behandelt de volledige werkstroom van de verwezenlijking van vorm tot productieleiding.

Aan het einde van deze handleiding leert u hoe u:

  • Formulieren maken met Edge Delivery Services-sjablonen
  • Auteurformulieren met Universal Editor
  • Formulieren configureren en publiceren naar Edge Delivery Services
  • Gepubliceerde formulieren openen en implementatie controleren

Vereisten

Zorg ervoor dat aan de volgende voorwaarden is voldaan voordat u verdergaat:

  • AEM Forms as a Cloud Service: Een actieve auteursinstantie met een vergunning van Forms.

  • Rekening GitHub: Persoonlijke of organisatorische rekening voor bewaarplaatsbeheer.

  • Opstelling van de Bewaarplaats: Kies één van het volgende:

  • AEM-GitHub Verbinding: ​ Vestig een verbinding ​ tussen uw instantie van AEM en bewaarplaats GitHub.

  • Edge Delivery Services: Zorg ervoor de bewaarplaats voor automatische plaatsing wordt gevormd.

  • Toestemmingen: Verifieer u de noodzakelijke toegangsrechten voor vormverwezenlijking en het publiceren hebt.

  • Bevestig dat de GitHub-opslagplaats het Adaptive Forms Block bevat.

Workflow voor het maken en publiceren van formulieren

Het proces bestaat uit drie hoofdfasen:

Elke fase omvat bevestigingsstappen om correcte opstelling te bevestigen.

Stap 1: Formulier maken

  1. Van de Toegang Vorm creatie

    • Meld u aan bij de AEM Forms as a Cloud Service-auteur.
    • Navigeer aan Adobe Experience Manager > Forms > Forms & Documenten.
    • Klik creëren > Aanpassings Forms.

  2. Uitgezochte Malplaatje

    • In het Source lusje, selecteer een op Edge Delivery Services-Gebaseerde malplaatje.

    • creeer knoop wordt toegelaten.

      ​ creeer EDS Forms ​

  3. vorm Opties (Facultatief)

    • Gegevens Source tabel: Selecteer gegevensintegratie indien vereist.
    • Verzending tabel: Kies een verzendactie (kan later worden gevormd).
    • lusje van de Levering: Plaats het publiceren/unpublishing programma.

  4. Volledige Opstelling van de Vorm

    • Klik creëren om de tovenaar van de Aanmaak van de Vorm te openen.

    • Voer het volgende in:

      • Naam: Interne herkenningsteken (geen ruimten, gebruiks koppeltekens).
      • Titel: De naam van de vertoning voor uw vorm.
      • GitHub URL: Bewaarplaats URL (bijvoorbeeld, https://github.com/your-org/your-repo).

    ​ creeer de Tovenaar van de Vorm ​

  5. Bevestiging

    • Na het klikken creeer, verifieer:

      • Het formulier wordt geopend in de Universal Editor.
      • De GitHub URL is correct verbonden.
      • Het componentpalet is beschikbaar.
      • Het canvas van het formulier is zichtbaar.

    ​ Universele Interface van de Redacteur ​

Resultaat: de vorm is klaar voor creatie in de Universele Redacteur.

Stap 2: Formulierontwerp en -ontwerp

  1. Bibliotheek van de Component van de Toegang

    • Open de Content browser in Universal Editor.
    • Navigeer aan de Aangepaste component van de Vorm in de inhoudsboom.

    ​ de Navigatie van de Boom van 0} Inhoud

  2. voeg de Gebieden van de Vorm toe

    • Klik toevoegen pictogram om de componentenbibliotheek te openen.
    • Selecteer componenten van de Adaptieve lijst van Componenten van de Vorm.
    • Sleep componenten naar het canvas van het formulier.

    ​ voegt Componenten ​ toe

  3. Ontwerp de Vorm

    • Veldeigenschappen configureren in het deelvenster Eigenschappen.
    • Stel validatieregels en -gedrag in.
    • Pas de opmaak en lay-out naar wens aan.

    ​ Voltooide Vorm van de Registratie ​

Validatie

  • Alle vereiste velden zijn aanwezig.
  • Veldeigenschappen zijn op de juiste wijze geconfigureerd.
  • Layout is responsief en toegankelijk.
  • Validatieregels functioneren naar behoren.

Volgende stappen

Stap 3: Configuratie en publicatie

Configureer Edge Delivery Services en publiceer uw formulier.

Configuratie: Automatisch (geen vereiste handopstelling).

  • De verbinding van de bewaarplaats GitHub en de configuratie van Edge Delivery Services worden gecreeerd tijdens vormverwezenlijking.
  • Publicatie-eindpunten worden automatisch geconfigureerd.

Verificatie:

  • De configuratie bevestigen wordt weergegeven in de instellingen van het formulier.
  • Zorg ervoor dat de GitHub-URL correct is gekoppeld.

​ Automatische Configuratie EDS ​

Het formulier publiceren

  1. In Universele Redacteur, klik publiceren knoop (hoger-juiste hoek).

  2. Bevestig het publiceren succes in de dialoog.

  3. Maak een notitie van de gegenereerde URL’s voor gefaseerde en live versies.

    ​ Universele Redacteur publiceert ​

URL’s van formulier

Gepubliceerde formulieren zijn toegankelijk via Edge Delivery Services-URL’s.

URL-structuur

  • Gelaagd (Voorproef/het Testen):

    code language-none 
    https://<branch>--<repo>--<owner>.aem.page/content/forms/af/<form_name>

  • Levend (Productie):

    code language-none 
    https://<branch>--<repo>--<owner>.aem.live/content/forms/af/<form_name>

URL-parameters

  • <branch>: naam van GitHub-vertakking (bijvoorbeeld main , develop )
  • <repo>: naam van GitHub-opslagplaats (bijvoorbeeld my-forms-project )
  • <owner>: GitHub-organisatie of gebruikersnaam (bijvoorbeeld company-name )
  • <form_name>: Formulierid zoals gedefinieerd in AEM (bijvoorbeeld contact-us )

Voorbeeld

Voorbeeld voor formulier contact-us in gegevensopslagruimte forms-project onder organisatie acme-corp :

  • Staged: https://main--forms-project--acme-corp.aem.page/content/forms/af/contact-us
  • Levend: https://main--forms-project--acme-corp.aem.live/content/forms/af/contact-us

Omgevingsverschillen

  • Gelaagd (.page): Laatste veranderingen voor het testen.
  • Levend (.live): Gepubliceerde inhoud voor productie.

​ Structuur URL ​
de structuurindeling van Edge Delivery Services van URL

Visuele voorbeelden

Malplaatje van Edge Delivery Services:

  • Staged: ​ Van de Registratie vorm gestage versie ​
  • Levend: ​ de vorm van de Registratie levende versie ​

Problemen oplossen

Hieronder vindt u algemene problemen en oplossingen voor AEM Forms met Edge Delivery Services.

Formulier niet laden

Uitgave: De Vorm URL keert 404 of lege pagina terug.

Resolutie:

  • Verwijder de extensie .html van URL’s.
  • Controleer of het formulier is gepubliceerd.
  • Controleer de bewaarplaats GitHub voor het AanpassingsBlok van Forms.
  • Zorg ervoor dat de naam van het formulier overeenkomt met de URL (hoofdlettergevoelig).
Configuratieproblemen

Uitgave: de configuratie van Edge Delivery Services werkt niet.

Resolutie:

  • Zorg ervoor dat de GitHub-URL de https://github.com/owner/repository -indeling heeft.
  • Gebruik de correcte taknaam in configuratie.
  • Toegang tot opslagplaats controleren (openbaar of geverifieerd).
  • Controleer fstab.yaml voor correcte details GitHub.
Problemen met publiceren

Uitgave: Veranderingen verschijnen niet op de levende plaats.

Resolutie:

  • Wacht 2-3 minuten op CDN geheim voorgeheugen verfrist zich.
  • Bevestig dat de publicatieworkflow is voltooid.
  • Test eerst op een gefaseerde (.page) omgeving.
  • Verzeker de bewaarplaats GitHub wordt bijgewerkt.
Problemen met de Universal Editor

Uitgave: kan vorm of componenten uitgeven niet ladend.

Resolutie:

  • Gebruik een ondersteunde browser (Chrome, Firefox, Safari).
  • Cache en cookies van de browser wissen.
  • Controleer de netwerkconnectiviteit.
  • Machtigingen van auteur bevestigen.
Formulierverzendfouten

Uitgave: de inzendingen van de Vorm werken niet.

Resolutie:

  • Configureer de verzendactie in formuliereigenschappen.
  • Test de eindpunten van de verzending handmatig.
  • Controleer de CORS-instellingen bij het insluiten van formulieren.
  • Controleer of de vereiste velden zijn geconfigureerd.
Prestatieproblemen

Uitgave: Langzame vormlading of slechte prestaties.

Resolutie:

  • Afbeeldingen optimaliseren.
  • Verwijder overbodige componenten.
  • Gebruik Edge Delivery Services CDN.
  • Aangepaste JavaScript/CSS minimaliseren.
Help opvragen

Als er problemen blijven optreden:

  1. Controleer de Adobe Experience Cloud-servicestatus.
  2. Herzie {de documentatie van 0} Edge Delivery Services .
  3. Bezoek ​ Gemeenschap van de Liga van de Ervaring van Adobe ​.
  4. Neem contact op met de klantenservice van Adobe.

Volgende stappen

Nadat u het maken en publiceren van formulieren hebt voltooid, kunt u het volgende overwegen:

recommendation-more-help
experience-manager-cloud-service-help-main-toc