設定 AEM Forms 的提交動作

表單提交服務是 Adobe 託管的端點，非常適合簡單的資料擷取情境。

支援的目標

• 試算表：Google Sheets、Microsoft Excel (OneDrive/SharePoint)
• 電子郵件：將表單資料傳送到指定的電子郵件地址

設定步驟

1. 設定目標存取權

   • 對於試算表：授予 forms@adobe.com 在目標試算表上進行編輯的權限
   • 對於電子郵件：驗證收件者電子郵件是否可存取

2. 設定表單提交

   • 在製作環境中開啟表單
   • 設定提交動作為「表單提交服務」
   • 指定目標試算表 URL 或電子郵件地址
   • 儲存並發佈表單

3. 測試提交

   • 透過表單提交測試資料
   • 驗證出現在目標目的地的資料
   • 如果提交失敗，請檢查錯誤記錄

重要注意事項

• 服務帳戶 forms@adobe.com 需要目標試算表的編輯存取權
• 提交表單後立即發送電子郵件通知
• 資料驗證在服務層級進行

將表單資料直接提交到您的 AEM as a Cloud Service 發佈執行個體進行複雜的處理。

何時使用 AEM Publish

• 提交後需使用自訂 AEM 工作流程
• 表單資料模型 (FDM) 與資料庫整合
• 第三方服務整合 (Marketo、Power Automate、Workfront Fusion)
• Azure Blob 儲存體或 SharePoint 文件資料庫
• 複雜的伺服器端驗證或處理邏輯

可用的提交動作

• 提交到 REST 端點
• 透過 AEM 郵件服務傳送電子郵件
• 使用表單資料模型提交
• 呼叫 AEM 工作流程
• 提交到 SharePoint
• 提交到 OneDrive
• 提交至 Azure Blob Storage
• 提交至 Microsoft Power Automate
• 提交至 Adobe Workfront Fusion
• 提交至 Adobe Marketo Engage

設定要求

​1. 在 Edge Delivery 中更新 AEM 執行個體 URL

在 form 區塊 constant.js 檔案中的 submitBaseUrl 下方更新 AEM Cloud Service 執行個體 URL。您可以根據您的環境設定 URL：

若為 Cloud Service 執行個體

export const submitBaseUrl = '<aem-publish-instance-URL>';

若為本機開發

export const submitBaseUrl = 'http://localhost:<port-number>';

​2. OSGi 反向連結篩選器

設定反向連結篩選器，允許您的特定 Edge Delivery 網站網域：

1. 建立或更新 OSGi 設定檔案：org.apache.sling.security.impl.ReferrerFilter.cfg.json

2. 以您的特定網站網域新增下列設定：

   code language-json
   { "allow.empty": false, "allow.hosts": [ "main--abc--adobe.aem.live", "main--abc1--adobe.aem.live" ], "allow.hosts.regexp": [ "https://.*\\.aem\\.live:443", "https://.*\\.aem\\.page:443", "https://.*\\.hlx\\.page:443", "https://.*\\.hlx\\.live:443" ], "filter.methods": [ "POST", "PUT", "DELETE", "COPY", "MOVE" ], "exclude.agents.regexp": [ "" ] }

3. 透過 Cloud Manager 部署設定

如需詳細的 OSGi 反向連結篩選器設定相關資訊，請參閱反向連結篩選器指南。

​3. CORS (跨來源資源共用) 問題

在 AEM 中設定 CORS 設定，允許來自您特定 Edge Delivery 網站網域的請求：

開發人員 Localhost

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

Edge Delivery Sites - 個別新增各網站網域

SetEnvIfExpr "env('CORSProcessing') == 'true' && req_novary('Origin') =~ m#(https://main--abc--adobe\.aem\.live$)#" CORSTrusted=true
SetEnvIfExpr "env('CORSProcessing') == 'true' && req_novary('Origin') =~ m#(https://main--abc1--adobe\.aem\.live$)#" CORSTrusted=true

舊版 Franklin 網域 (若仍在使用)

SetEnvIfExpr "env('CORSProcessing') == 'true' && req_novary('Origin') =~ m#(https://.*\.hlx\.page$)#" CORSTrusted=true
SetEnvIfExpr "env('CORSProcessing') == 'true' && req_novary('Origin') =~ m#(https://.*\.hlx\.live$)#" CORSTrusted=true

如需詳細的 CORS 設定相關資訊，請參閱 CORS 設定指南。

若要為您的本機開發環境啟用 CORS，請參閱了解跨來源資源共用 (CORS) 文章。

​4. 表單設定

1. 在通用編輯器中建立表單
2. 將提交動作設定為指向 AEM Forms 動作
3. 指定提交端點路徑
4. 發佈表單到 Edge Delivery 網站

1. 在 Google Docs/Sheets 中建立表單結構
2. 設定表單提交服務端點
3. 將目標試算表的編輯存取權授予 forms@adobe.com
4. 發佈文件到 Edge Delivery 網站
5. 測試表單提交和資料流程

1. 使用通用編輯器建置表單
2. 將提交動作設定為「呼叫 AEM 工作流程」
3. 在 AEM Publish 上設定 Dispatcher 和反向連結篩選器
4. 設定內容傳遞網路路由規則
5. 發佈表單並測試工作流程執行