根據核心元件在AEM最適化表單中使用Google reCAPTCHA using-reCAPTCHA-in-adaptive-forms
CAPTCHA (完全自動化公用圖靈測試來區分電腦和人之間的差異)是一種常用於線上交易的程式,以區分人和自動化程式或機器人。 這會帶來挑戰,並評估使用者的回應,以判斷其是否為人類或機器人與網站互動。 它可防止使用者在測試失敗時繼續進行,並透過防止機器人張貼垃圾郵件或惡意目的來確保線上交易的安全。
AEM Formsas a Cloud Service支援下列CAPTCHA解決方案:
透過Google將您的AEM Forms核心元件與reCAPTCHA服務連線 connect-your-forms-environment-with-recaptcha-service-by-google
表單作者可使用Google的reCAPTCHA服務,在最適化Forms中實作reCAPTCHA。 它提供進階驗證碼功能以保護您的網站。 如需reCAPTCHA運作方式的詳細資訊,請參閱Google reCAPTCHA。 您用它來提交表單時提出驗證碼質詢。AEM Forms as a Cloud Service支援Google reCAPTCHA v2和reCAPTCHA Enterprise。 不支援任何其他版本。 另請注意,在AEM Forms應用程式的離線模式中不支援最適化Forms中的reCAPTCHA。
您可以根據自己的需求,設定reCAPTCHA服務以啟用:
設定reCAPTCHA Enterprise steps-to-implement-reCAPTCHA-enterprise-in-forms-core-components
-
建立雲端服務的設定容器。
-
前往 工具 > 一般 > 設定瀏覽器。
-
選取資料夾或建立資料夾,然後使用下列步驟啟用雲端設定的資料夾:
- 在組態瀏覽器中,選取資料夾並選取 屬性。
- 在[組態內容]對話方塊中,啟用 雲端組態。
- 選取 儲存並關閉 以儲存設定並結束對話方塊。
-
-
設定reCAPTCHA Enterprise的雲端服務。
- 在您的Experience Manager作者執行個體上,移至 > Cloud Service。
- 選取 reCAPTCHA。 「組態」頁面隨即開啟。 選取您建立的組態容器,並選取 建立。
- 選取版本為reCAPTCHA Enterprise,並指定reCAPTCHA Enterprise服務的名稱、專案ID、網站金鑰和API金鑰(在步驟2中取得)。
- 選取金鑰型別,金鑰型別應與您在Google Cloud專案中設定的網站金鑰相同,例如,核取方塊網站金鑰 或 以分數為基礎的網站金鑰。
- 指定0到1🔗範圍內的臨界值分數。 分數大於或等於臨界值分數會識別人類互動,否則會被視為機器人互動。
- 選取 建立 以建立雲端服務組態。
reCAPTCHA Enterprise服務啟用後,就可在調適型表單中使用。 請參閱在最適化表單🔗中使用驗證碼。
設定Google reCAPTCHA v2 steps-to-implement-reCAPTCHA-v2-in-forms
-
從Google取得reCAPTCHA API金鑰組。 它包含 網站金鑰 和 秘密金鑰。
-
在您的AEM Formsas a Cloud Service環境中建立設定容器。 設定容器內含用來將AEM連線至外部服務的雲端設定。 若要建立並設定設定設定容器,以透過Google將您的AEM Forms環境與reCAPTCHA服務連線:
-
開啟您的AEM Formsas a Cloud Service執行個體。
-
移至 工具>一般>設定瀏覽器。 在設定瀏覽器中,您可以:
-
選取現有資料夾或建立資料夾。 您可以建立檔案夾並為其啟用Cloud Configurations選項,或為現有檔案夾啟用Cloud Configurations選項:
-
若要建立資料夾並為其啟用雲端設定選項:
- 在組態瀏覽器中,按一下 建立。
- 在[建立組態]對話方塊中,指定名稱、標題,並選取 雲端組態 選項。
- 按一下「建立」。
-
若要啟用現有資料夾的「雲端設定」選項:
- 在組態瀏覽器中,選取資料夾並選取 屬性。
- 在[組態內容]對話方塊中,啟用 雲端組態。
- 選取 儲存並關閉 以儲存設定並結束對話方塊。
-
-
-
設定Cloud Service:
- 在您的AEM作者執行個體上,移至 > Cloud Service 並選取 reCAPTCHA。
- 選取在前一節中建立或更新的「設定容器」。 選取「建立」。
- 指定reCAPTCHA服務的 Title、Name、網站金鑰 和 秘密金鑰 (在步驟1中取得)。 選取「建立」。
在設定reCAPTCHA服務後,就可在調適型表單中使用。 如需詳細資訊,請參閱在最適化表單中使用Google reCAPTCHA。
在最適化表單中使用Google reCAPTCHA
在最適化表單中使用 Google reCAPTCHA using-reCAPTCHA
若要在最適化Forms中使用reCAPTCHA:
-
開啟您的AEM Formsas a Cloud Service執行個體。
-
移至 Forms > Forms和檔案。
-
選取最適化Forms並選取 屬性。 針對 組態容器 選項,選取包含連線AEM Forms與Google的reCAPTCHA服務的雲端組態的組態容器,並選取 儲存並關閉。
如果您沒有這類設定容器,請參閱區段透過Google將您的AEM Forms環境與reCAPTCHA服務連線,以瞭解如何建立這類設定容器。
-
選取最適化Forms並選取 編輯。 最適化表單會在最適化Forms編輯器中開啟。
-
從元件瀏覽器中,將 最適化表單reCAPTCHA 元件拖放至最適化表單。
note note NOTE - Google reCAPTCHA驗證常有時效性,約幾分鐘後就會過期。 因此,Adobe建議將 最適化表單reCAPTCHA 元件放在 提交 按鈕之前。
-
選取 最適化表單reCAPTCHA 元件,並選取屬性 圖示。 它會開啟屬性對話方塊。 指定下列強制屬性:
-
名稱: 您可以在表單和規則編輯器中輕鬆識別具有唯一名稱的表單元件,但名稱不得包含空格或特殊字元。
-
標題: 指定驗證碼介面工具集的標題。 預設值為 驗證碼。 如果您不想顯示標題,請選取 隱藏標題。 選取 允許標題為RTF格式,以RTF格式編輯您的標題。 您也可以將標題標示為 未繫結的表單元素。
-
驗證碼組態: 從[設定]下拉式清單中選取 reCAPTCHA Enterprise 或 reCAPTCHA v2 的組態,以呈現表單的Google reCAPTCHA對話方塊:
-
若您選取 reCAPTCHA Enterprise 版本,金鑰型別可以是 核取方塊 或 以分數為基礎,其依據是您在設定網站的網站金鑰時的選擇:
note note NOTE - 在 金鑰型別 為 核取方塊 的雲端設定中,如果驗證碼驗證失敗,自訂的錯誤訊息會顯示為內嵌訊息。
- 在 金鑰型別 為 以分數為 的雲端設定中,如果驗證碼驗證失敗,自訂的錯誤訊息會顯示為快顯訊息。
1. 您可以選取**Normal**和**Compact**的大小。
note note NOTE - 基於類似目的,您的環境中可以有多個雲端設定。 因此,請謹慎選擇服務。 如果未列出任何服務,請參閱透過Google將您的AEM Forms環境與reCAPTCHA服務連線,以瞭解如何建立將您的AEM Forms環境與Google的reCAPTCHA服務連線的Cloud Service。
-
-
驗證碼大小: 您可以選取Google reCAPTCHA挑戰對話方塊的顯示大小。 使用 Compact 選項可顯示小尺寸,使用 Normal 選項可顯示相對大尺寸的Google reCAPTCHA挑戰對話方塊。
如果您選取 reCAPTCHA v2 版本:- 您可以為reCAPTCHA Widget選取大小為 Normal 或 Compact。
- 您可以選取 隱藏 選項,只在可疑活動時才顯示驗證碼質詢。
已針對最適化表單啟用reCAPTCHA服務。 您可以預覽表單,並檢視驗證碼是否正常運作。 受reCAPTCHA 保護的 徽章(如下所示)會顯示在受保護的表單上。
-
-
選取「完成」。
現在,您的最適化表單上會顯示受reCAPTCHA保護的 。 它會顯示在所有設定為可使用Google reCAPTCHA服務的最適化Forms上。
現在,僅允許提交合法表單,其中表單填寫者成功清除Google reCAPTCHA服務帶來的挑戰。
常見問題
問:我可以在最適化表單中使用多個驗證碼元件嗎?
Ans: 不支援在最適化表單中使用一個以上的Captcha元件。 此外,不建議在標籤為延遲載入的片段或面板中使用驗證碼元件。
另請參閱 see-also
- 建立 AEM 最適化表單
- 新增 AEM 最適化表單至 AEM Sites 頁面
- 將主題套用到 AEM 最適化表單
- 將元件新增至 AEM 最適化表單
- 在 AEM 最適化表單中使用驗證碼
- 產生 AEM 最適化表單的 PDF 版本 (DoR)
- 翻譯 AEM 最適化表單
- 啟用 Adobe Analytics 讓最適化表單可追蹤表單使用情況
- 將最適化表單連接到 Microsoft SharePoint
- 將最適化表單連接到 Microsoft Power Automate
- 將最適化表單連接到 Microsoft OneDrive
- 將最適化表單連接至 Microsoft® Azure Blob 儲存體
- 將最適化表單連接到 Salesforce
- 在 AEM 最適化表單中使用 Adobe Sign in
- 為最適化表單新增地區設定
- 將最適化表單資料傳送到資料庫
- 將最適化表單資料傳送到 REST 端點
- 將最適化表單資料傳送到 AEM 工作流程
- 使用 Forms 入口網站在 AEM 網站上列出 AEM 最適化 Forms
- 在最適化表單中新增版本設定、評論和附註
- 比較最適化表單