[AEM Forms]{class="badge positive" title="適用於AEM Forms)。"}

使用Turnstile連線您的AEM Forms環境 connect-your-forms-environment-with-turnstile-service

此功能隸屬於早期採用者計劃。您可以使用官方電子郵件 ID 寫信至 aem-forms-ea@adobe.com,以加入早期採用者計劃並要求存取該功能。

CAPTCHA (完全自動化公用圖靈測試來區分電腦和人之間的差異)是一種常用於線上交易的程式,以區分人和自動化程式或機器人。 它會提出質詢並評估使用者的回應,以判斷與網站互動的是真人還是機器人。它可防止使用者在測試失敗時繼續操作,並透過防止機器人發佈垃圾郵件或惡意目的來確保線上交易的安全。

AEM Forms as a Cloud Service支援下列驗證碼解決方案:

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

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

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

若要設定AEM Forms核心元件的Turnstile,您必須從Turnstile網站取得Turnstile網站金鑰和秘密金鑰

設定Turnstile steps-to-configure-hcaptcha

若要將AEM Forms與Turnstile服務整合,請執行下列步驟:

  1. 在您的AEM Forms as a Cloud Service環境中建立設定容器。 設定容器內含用來將AEM連線至外部服務的雲端設定。 若要建立並設定設定設定容器來將您的AEM Forms環境與Turnstile連線,請遵循下列指定步驟:

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

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

    3. 在設定瀏覽器中,建立新資料夾並為其啟用雲端設定,或為現有資料夾啟用雲端設定,如下所述:

      • 若要建立​新資料夾,並依照下列步驟啟用其雲端設定:

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

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

    1. 在您的AEM作者執行個體上,前往 工具–1 > 雲端服務​並按一下​Turnstile
      在ui中 Turnstile

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

    3. 將​ Widget Type ​指定為Managed、非互動式或隱藏式。 若要進一步瞭解Widget型別,請造訪Turnstile Widget

    4. 針對先決條件​中取得的Turnstile服務,指定​標題名稱網站金鑰​和秘密金鑰

    5. 按一下「建立」。

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

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

    設定Turnstile Captcha服務後,即可用於根據核心元件的最適化表單

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

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

  2. 移至​Forms > Forms和檔案

  3. 選取最適化表單並按一下​屬性。 在​ 設定容器 ​區段中,選取包含連線AEM Forms與Turnstile的雲端設定的設定容器。

  4. 按一下「儲存並關閉」。

    如果您沒有設定容器,請參閱設定Turnstile一節,以瞭解如何建立設定容器。

    選取設定容器

  5. 選取最適化表單,然後按一下​ 編輯 ​以在編輯器中開啟表單。

  6. 從元件瀏覽器中,拖放或將​ 調適型表單Turnstile ​元件新增至調適型表單。
    新增Turnstile驗證碼元件

  7. 選取​ Adaptive Form Turnstile ​元件,然後按一下屬性 屬性圖示 圖示。 它會開啟屬性對話方塊。 指定下列屬性:

    Turnstile v2

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

    • 標題:​指定驗證碼元件的標題。 您可以允許使用RTF文字作為標題,也可以透過勾選核取方塊來隱藏標題。

    • 組態設定:​選取為Turnstile Captcha服務設定的雲端組態。

      note note
      NOTE
      • 基於類似目的,您的環境中可以有多個雲端設定。 因此,請謹慎選擇服務。 如果未列出任何服務,請參閱設定Turnstile一節,瞭解如何建立設定容器以將您的AEM Forms環境與Turnstile服務連線。
    • 驗證:​提供錯誤訊息形式的驗證碼驗證:

      • 錯誤訊息:​提供驗證碼提交失敗時向使用者顯示的錯誤訊息。

        note note
        NOTE
        • 只有在使用者端已填入驗證碼時,才會顯示錯誤訊息。
  8. 按一下​完成

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

Turnstile挑戰賽

常見問題

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

另請參閱 see-also

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