蜜豆视频

1. Access your form: Open your Adaptive Form in the Universal Editor

2. Start publishing: Click the Publish icon in the toolbar

   

1. Review publishing assets: The system shows all assets being published, including your form

   

2. Confirm publishing: Click Publish to proceed

3. Verify success: Look for the confirmation message

   

Check status: Click the Publish icon again to view current status

Validation Checkpoint:

• Form shows 鈥淧ublished鈥� status in the editor
• No error messages during publishing process
• Form appears in published assets list

To unpublish a form:

1. Open your form in the editor
2. Click the three-dot menu (鈰�) in the upper-right corner
3. Select Unpublish

To enable secure form submissions, you must configure security settings that:

• Allow Edge Delivery Services to submit data to AEM
• Prevent unauthorized access to your AEM instance
• Enable CORS (Cross-Origin Resource Sharing) for form submissions
• Filter requests to only allow legitimate Edge Delivery domains

Purpose: Direct form submissions to your AEM instance

File Location: blocks/form/constant.js in your Edge Delivery Services project

Configuration Examples:

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

Validation Checkpoint:

• constant.js file updated with correct AEM publish URL
• URL matches your environment (production, staging, or local)
• No trailing slash in the URL

Purpose: Allow form submission requests from Edge Delivery Services domains

Implementation: Add CORS configuration to your AEM dispatcher or Apache configuration

# 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

Validation Checkpoint:

• CORS rules applied to dispatcher configuration
• All required domains (localhost, hlx.page, hlx.live) are included
• Configuration deployed to target environment

Reference Documentation:

• CORS Configuration Guide
• Referrer Filter Documentation

Purpose: Restrict write operations to authorized Edge Delivery Services domains

Implementation Method: Configure via Cloud Manager in AEM as a Cloud Service

Configuration File: Add to your project鈥檚 OSGi configuration

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

Configuration Breakdown:

• allow.empty: Rejects requests without referrer headers
• allow.hosts.regexp: Permits requests from Edge Delivery Services domains
• filter.methods: Applies filtering to these HTTP methods
• exclude.agents.regexp: User agents excluded from filtering

Validation Checkpoint:

• Referrer filter configuration deployed via Cloud Manager
• Configuration active on AEM publish instance
• Test form submission works from Edge Delivery Services domain
• Unauthorized domains are blocked from submitting forms

Reference Documentation:

• Configure Referrer Filter via Cloud Manager

Standard URL Format:

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

URL Components:

• <branch>: Git branch name (typically main)
• <repo>: Repository name
• <owner>: GitHub organization or username
• <form_name>: Your form鈥檚 name (lowercase, hyphenated)

Environment-Specific 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

Verify Form Accessibility:

1. Test form loading: Visit your form URL and confirm it loads properly
2. Test form submission: Fill out and submit the form to verify data processing
3. Check responsive design: Test form on different devices and screen sizes
4. Validate security: Ensure CORS and referrer filter are working correctly

Expected Results:

• Form loads without errors
• All form fields render correctly
• Form submission processes successfully
• Data appears in configured destination (spreadsheet, email, etc.)
• No console errors related to CORS or security policies