將Turnstile驗證碼與最適化Forms整合

此功能在早期採用者計畫下。 您可以從您的官方電子郵件ID寫信到aem-forms-ea@adobe.com ,以加入率先採用者計畫並請求存取該功能。

CAPTCHA (完全自動化公用圖靈測試來區分電腦和人之間的差異)是一種常用於線上交易的程式,以區分人和自動化程式或機器人。 這會帶來挑戰,並評估使用者的回應,以判斷其是否為人類或機器人與網站互動。 它可防止使用者在測試失敗時繼續進行,並透過防止機器人張貼垃圾郵件或惡意目的來確保線上交易的安全。

AEM Formsas a Cloud Service支援下列CAPTCHA解決方案:

將AEM Forms環境與Turnstile驗證碼整合

Cloudflare的Turnstile驗證碼是一種安全性措施,旨在保護表單和網站免受自動化機器人、惡意攻擊、垃圾郵件和不需要的自動化流量的傷害。 在允許提交表單前,它會在表單提交上顯示核取方塊,以驗證使用者是否為人類。 AEM Formsas a Cloud Service支援最適化Forms中的Turnstile Captcha。

整合AEM Forms環境與Turnstile驗證碼的必要條件 prerequisite

若要設定AEM Forms的Turnstile,您必須從Turnstile網站取得Turnstile網站金鑰與秘密金鑰

為AEM Forms設定Turnstile的步驟 steps-to-configure-turnstile

  1. 在您的AEM Formsas a Cloud Service環境中建立設定容器。 設定容器內含用來將AEM連線至外部服務的雲端設定。 若要建立並設定設定設定容器,以將您的AEM Forms環境與Turnstile連線:

    1. 開啟您的AEM Formsas a Cloud Service執行個體。

    2. 前往​ 工具 > 一般 > 設定瀏覽器

    3. 在組態瀏覽器中,您可以選取現有資料夾或建立資料夾。 您可以建立檔案夾並為其啟用「雲端設定」選項,或為現有檔案夾啟用「雲端設定」選項:

      • 若要建立資料夾並啟用其雲端組態選項

        1. 在組態瀏覽器中,按一下​ 建立
        2. 在建立設定對話方塊中,指定名稱、標題,並選取​ 雲端設定 ​選項。
        3. 按一下​ 建立
      • 若要啟用現有資料夾的「雲端設定」選項:

        1. 在組態瀏覽器中,選取資料夾並選取​ 屬性
        2. 在[組態內容]對話方塊中,啟用​ 雲端組態
        3. 選取​ 儲存並關閉 ​以儲存設定並結束對話方塊。
  2. 設定Cloud Service:

    1. 在您的AEM作者執行個體上,移至 tools-1 > Cloud Service ​並選取​ Turnstile

      在ui中 Turnstile

    2. 選取已建立或已更新的設定容器,如上一節所述。 選取「建立」。

      組態旋轉門

    3. 將​ Widget型別 ​指定為Managed,Widget型別可依據先決條件中取得的金鑰、先決條件中取得的​ TitleName網站金鑰 ​以及Turnstile服務的​ 秘密金鑰 ​而變更。選取「建立」。

      設定Cloud Service以連線您的AEM Forms環境與Turnstile

NOTE
使用者不需要修改使用者端JavaScript驗證URL和伺服器端驗證URL,因為已預先填入Turnstile驗證。

設定Turnstile驗證碼服務後,就可在調適型表單中使用。

在最適化表單中使用 Turnstile using-turnstile-foundation-components

  1. 開啟您的AEM Formsas a Cloud Service執行個體。

  2. 移至​ Forms > Forms和檔案

  3. 選取最適化表單並選取​ 屬性。 針對​ 組態容器 ​選項,選取包含連線AEM Forms與Turnstile的雲端組態的組態容器,然後選取​ 儲存並關閉

    如果您沒有這類設定容器,請參閱區段使用Turnstile連線您的AEM Forms環境以瞭解如何建立設定容器。

    選取設定容器

  4. 選取最適化表單,然後選取​ 編輯。 最適化表單會在最適化Forms編輯器中開啟。

  5. 從元件瀏覽器中,將​ 驗證碼 ​元件拖放至最適化表單上。

  6. 選取​ 驗證碼 ​元件並按一下屬性 屬性圖示 圖示。 它會開啟屬性對話方塊。

    設定

    指定下列屬性:

    • 標題: ​指定驗證碼元件的標題,您可以在表單和規則編輯器中以唯一名稱輕鬆識別表單元件。

    • 驗證訊息: ​提供驗證訊息,用於驗證表單提交的驗證碼。

    • 驗證碼驗證: ​您可以選取其中一個選項來驗證驗證碼:

      • 在提交表單時
      • 使用者動作時。
    • 驗證碼服務: ​選取您的驗證碼服務,這裡選取Cloudfare Turnstile驗證碼服務。

    • 驗證碼組態: ​選取為Turnstile設定的雲端組態。 例如,在這裡您選取​ 受管理的金鑰

      note note
      NOTE
      基於類似目的,您的環境中可以有多個雲端設定。 因此,請謹慎選擇服務。 如果未列出任何服務,請參閱將您的AEM Forms環境與Turnstile連線,以瞭解如何建立將AEM Forms環境與Turnstile服務連結的Cloud Service。
    • 錯誤訊息: ​提供驗證碼提交失敗時向使用者顯示的錯誤訊息。

    • 驗證碼大小: ​您選取Turnstile挑戰對話方塊的顯示大小。 使用​ Compact ​選項顯示小尺寸,使用​ Normal ​選項顯示相對大尺寸的Turnstile挑戰對話方塊。

      note note
      NOTE
      這適用於Widget型別「受管理」和「非互動」。 如果Widget型別不可見,則不需要使用size屬性,且會停用。
  7. 選取「完成」。

現在,只有合法的表單,表單填寫者才能成功清除Turnstile服務帶來的挑戰,才能提交表單。

Turnstile挑戰賽

常見問題

  • 問:我可以在最適化表單中使用多個驗證碼元件嗎?
  • Ans: ​不支援在最適化表單中使用一個以上的Captcha元件。 此外,不建議在片段或標示為延遲載入的面板中使用驗證碼元件。

另請參閱 see-also

recommendation-more-help
fbcff2a9-b6fe-4574-b04a-21e75df764ab