Publicera adaptiv Forms med Edge Delivery Services

1. Öppna ditt formulär: Öppna ditt adaptiva formulär i den universella redigeraren

2. Starta publicering: Klicka på ikonen Publicera i verktygsfältet

   

1. Granska publiceringsresurser: Systemet visar alla resurser som publiceras, inklusive ditt formulär

   

2. Bekräfta publicering: Klicka på Publicera för att fortsätta

3. Bekräfta slutförande: Leta efter bekräftelsemeddelandet

   

Kontrollera status: Klicka på ikonen Publicera igen för att visa aktuell status

Kontrollpunkt för validering:

• Formuläret visar statusen"Publicerad" i redigeraren
• Inga felmeddelanden under publiceringsprocessen
• Formuläret visas i listan med publicerade resurser

Så här avpublicerar du ett formulär:

1. Öppna formuläret i redigeraren
2. Klicka på menyn med tre punkter ( ⋯) i det övre högra hörnet
3. Välj Avpublicera

Om du vill aktivera säker formuläröverföring måste du konfigurera säkerhetsinställningar som:

• Tillåt att Edge Delivery Services skickar data till AEM
• Förhindra obehörig åtkomst till din AEM-instans
• Aktivera CORS (Cross-Origin Resource Sharing) för formulärinskickat material
• Filtrera begäranden om att endast tillåta giltiga Edge Delivery-domäner

Syfte: Skicka formulär direkt till din AEM-instans

Filplats: blocks/form/constant.js i ditt Edge Delivery Services-projekt

Konfigurationsexempel:

// 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';

Kontrollpunkt för validering:

• constant.js fil uppdaterad med korrekt publicerings-URL för AEM
• URL:en matchar din miljö (produktion, mellanlagring eller lokal)
• Inget avslutande snedstreck i URL

Syfte: Tillåt förfrågningar om formuläröverföring från Edge Delivery Services-domäner

Implementering: Lägg till CORS-konfiguration till din AEM-dispatcher eller Apache-konfiguration

# 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

Kontrollpunkt för validering:

• CORS-regler som tillämpas på dispatcherkonfigurationen
• Alla nödvändiga domäner (localhost, hlx.page, hlx.live) ingår
• Konfigurationen har distribuerats till målmiljön

Referensdokumentation:

• CORS - konfigurationsguide
• Dokumentation för referentfilter

Syfte: Begränsa skrivåtgärder till auktoriserade Edge Delivery Services-domäner

Implementeringsmetod: Konfigurera via Cloud Manager i AEM as a Cloud Service

Konfigurationsfil: Lägg till i projektets OSGi-konfiguration

{
  "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": [
    ""
  ]
}

Konfigurationsfördelning:

• allow.empty: Avvisar begäranden utan referentrubriker
• allow.hosts.regexp: Tillåtna begäranden från Edge Delivery Services-domäner
• filter.methods: Tillämpar filtrering på dessa HTTP-metoder
• exclude.agents.regexp: Användaragenter exkluderades från filtrering

Kontrollpunkt för validering:

• Refererarfilterkonfiguration distribuerad via Cloud Manager
• Konfiguration aktiv i AEM publiceringsinstans
• Testa att skicka formulär från Edge Delivery Services
• Obehöriga domäner hindras från att skicka formulär

Referensdokumentation:

• Konfigurera referensfilter via Cloud Manager

Standard-URL-format:

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

URL-komponenter:

• <branch>: Git-förgreningsnamn (vanligtvis main)
• <repo>: Databasnamn
• <owner>: GitHub-organisation eller användarnamn
• <form_name>: Formulärets namn (gemener, avstavade)

Miljöspecifika URL

# 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

Verifiera formulärtillgänglighet:

1. Testa inläsning av formulär: Besök din formulär-URL och bekräfta att det läses in korrekt
2. Testa formulärskickning: Fyll i och skicka formuläret för att verifiera databearbetningen
3. Kontrollera responsiv design: Testa formulär på olika enheter och skärmstorlekar
4. Verifiera säkerhet: Kontrollera att CORS och referensfiltret fungerar korrekt

Förväntade resultat:

• Formuläret läses in utan fel
• Alla formulärfält återges korrekt
• Blankettinskickningsprocesserna har slutförts
• Data visas i konfigurerad destination (kalkylblad, e-post osv.)
• Inga konsolfel relaterade till CORS eller säkerhetsprinciper