Adaptieve Forms met Edge Delivery Services publiceren

1. heb toegang tot uw vorm: Open uw AanpassingsVorm in de Universele Redacteur

2. Begin het publiceren: Klik publiceren pictogram in de toolbar

   

1. Overzicht het publiceren activa: Het systeem toont alle activa die, met inbegrip van uw vorm worden gepubliceerd

   

2. Bevestig het publiceren: Klik publiceren te werk te gaan

3. verifieer succes: Zoek het bevestigingsbericht

   

de status van de Controle: Klik publiceren opnieuw pictogram om huidige status te bekijken

Controlepunt van de Bevestiging:

• Het formulier toont de status "Gepubliceerd" in de editor
• Geen foutberichten tijdens publicatieproces
• Het formulier wordt weergegeven in de lijst met gepubliceerde elementen

om een vorm ongedaan te maken:

1. Uw formulier openen in de editor
2. Klik op het menu met drie punten (⋯) in de rechterbovenhoek
3. Selecteer Unpublish

Om beveiligde formulierverzendingen in te schakelen, moet u beveiligingsinstellingen configureren die:

• Edge Delivery Services toestaan gegevens naar AEM te verzenden
• Ongeoorloofde toegang tot uw AEM-exemplaar voorkomen
• CORS inschakelen (Cross-Origin Resource Sharing) voor formulierverzendingen
• Aanvragen filteren om alleen legitieme Edge Delivery-domeinen toe te staan

Doel: Directe vormbijdragen aan uw instantie van AEM

Plaats van het Dossier: blocks/form/constant.js in uw project van Edge Delivery Services

Voorbeelden van de Configuratie:

// Production Environment
export const submitBaseUrl = 'https://publish-p120-e12.adobeaemcloud.com';

// Local Development Environment
export const submitBaseUrl = 'http://localhost:4503';

// Staging Environment
export const submitBaseUrl = 'https://publish-staging-p120-e12.adobeaemcloud.com';

Controlepunt van de Bevestiging:

• constant.js bestand bijgewerkt met juiste AEM-publicatie-URL
• URL komt overeen met uw omgeving (productie, opbouw of lokaal)
• Geen slash in de URL

Doel: Toestaan de verzoeken van de vormvoorlegging van de domeinen van Edge Delivery Services

Implementatie: voeg configuratie CORS aan uw de verzender of configuratie van AEM Apache toe

# Local Development Environment
SetEnvIfExpr "env('CORSProcessing') == 'true' && req_novary('Origin') =~ m#(http://localhost(:\d+)?$)#" CORSTrusted=true

# Edge Delivery Services - Preview/Stage Environment
SetEnvIfExpr "env('CORSProcessing') == 'true' && req_novary('Origin') =~ m#(https://.*\.hlx\.page$)#" CORSTrusted=true

# Edge Delivery Services - Production Environment
SetEnvIfExpr "env('CORSProcessing') == 'true' && req_novary('Origin') =~ m#(https://.*\.hlx\.live$)#" CORSTrusted=true

Controlepunt van de Bevestiging:

• CORS-regels toegepast op de configuratie van de verzender
• Alle vereiste domeinen (localhost, hlx.page, hlx.live) worden opgenomen
• Configuratie geïmplementeerd in doelomgeving

Documentatie van de Verwijzing:

• de Gids van de Configuratie van CORS
• Documentatie van de Filter van de Verwijzer

Doel: Beperk schrijven verrichtingen tot erkende domeinen van Edge Delivery Services

Methode van de Implementatie: Vorm via Cloud Manager in AEM as a Cloud Service

Dossier van de Configuratie: Voeg aan de configuratie van OSGi van uw project toe

{
  "allow.empty": false,
  "allow.hosts": [],
  "allow.hosts.regexp": [
    "https://.*\\.hlx\\.page:443",
    "https://.*\\.hlx\\.live:443"
  ],
  "filter.methods": [
    "POST",
    "PUT",
    "DELETE",
    "COPY",
    "MOVE"
  ],
  "exclude.agents.regexp": [
    ""
  ]
}

Uitsplitsing van de Configuratie:

• allow.empty: verwerpt aanvragen zonder verwijzingskoppen
• allow.hosts.regexp: geeft aanvragen van Edge Delivery Services-domeinen toestemming
• filter.methods: past filtering toe op deze HTTP-methoden
• exclude.agents.regexp: Gebruikersagenten uitgesloten van filteren

Controlepunt van de Bevestiging:

• Configuratie van het verwijzingsfilter geïmplementeerd via Cloud Manager
• Configuratie actief op AEM-publicatie-instantie
• Het verzenden van formulieren testen vanuit Edge Delivery Services-domein
• Niet-geautoriseerde domeinen kunnen geen formulieren verzenden

Documentatie van de Verwijzing:

• vorm de Filter van de Referateur via Cloud Manager

StandaardFormaat URL:

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

Componenten URL:

• <branch>: naam van vertakking instellen (doorgaans main )
• <repo>: Naam opslagplaats
• <owner>: GitHub-organisatie of gebruikersnaam
• <form_name>: De naam van het formulier (kleine letters, afgebroken)

milieu-Specifieke URLs:

# Production Environment (.aem.live)
https://main--universaleditor--wkndforms.aem.live/content/forms/af/wknd-form

# Preview Environment (.aem.page)
https://main--universaleditor--wkndforms.aem.page/content/forms/af/wknd-form

verifieer de Toegankelijkheid van de Vorm:

1. vorm het laden van de Test: Bezoek uw vorm URL en bevestig het behoorlijk laadt
2. de vormvoorlegging van de Test: Vul uit en verzend de vorm om gegevensverwerking te verifiëren
3. Controle ontvankelijk ontwerp: De vorm van de test op verschillende apparaten en schermgrootte
4. bevestigt veiligheid: Zorg CORS en verwijzersfilter correct werken

Verwachte Resultaten:

• Formulier wordt geladen zonder fouten
• Alle formuliervelden worden correct weergegeven
• Formulierverzendprocessen succesvol
• Gegevens worden weergegeven in de geconfigureerde bestemming (werkblad, e-mail, enz.)
• Geen consolefouten met betrekking tot CORS of veiligheidsbeleid