DocumentatieAEM as a Cloud ServiceHandboek

Adaptieve Forms maken en publiceren met Edge Delivery Services

Last update: Thu Aug 14 2025 00:00:00 GMT+0000 (Coordinated Universal Time)
  • Van toepassing op:
  • Experience Manager as a Cloud Service

Gemaakt voor:

  • Beginner
  • Gebruiker
  • Ontwikkelaar

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 verbindingtussen 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
fbcff2a9-b6fe-4574-b04a-21e75df764ab