根據核心元件在AEM最適化表單中使用Google reCAPTCHA using-reCAPTCHA-in-adaptive-forms

套用至
文章連結
根據核心元件的最適化表單
本文章
根據Foundation元件的最適化表單
按一下這裡

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

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

透過Google的reCAPTCHA服務連線您的AEM Forms環境 connect-your-forms-environment-with-recaptcha-service-by-google

表單作者可使用Google的reCAPTCHA服務,在最適化Forms中實作reCAPTCHA。 它提供進階驗證碼功能以保護您的網站。 如需reCAPTCHA運作方式的詳細資訊,請參閱Google reCAPTCHA。 AEM Forms as a Cloud Service支援Adaptive Forms中的Google reCAPTCHA v2。 您可以用它來在表單提交時提出驗證碼質詢。 若要使用Google的reCAPTCHA服務連線您的AEM Forms環境

  1. 從Google取得reCAPTCHA API金鑰組。 它包含​ 網站金鑰 ​和​ 秘密金鑰

    建立Google網站的Google reCAPTCHA組態以取得reCAPTCHA金鑰

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

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

    2. 移至​ 工具>一般>設定瀏覽器。 在設定瀏覽器中,您可以:

    3. 選取現有資料夾或建立資料夾。 您可以建立檔案夾並為其啟用Cloud Configurations選項,或為現有檔案夾啟用Cloud Configurations選項:

      • 若要建立資料夾並為其啟用雲端設定選項:

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

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

    1. 在您的AEM作者執行個體上,移至 tools-1 > Cloud Service ​並選取​ reCAPTCHA
    2. 選取在前一節中建立或更新的「設定容器」。 選取「建立」。
    3. 指定reCAPTCHA服務的​ TitleName網站金鑰 ​和​ 秘密金鑰 (在步驟1中取得)。 選取「建立」。

    設定Cloud Service以透過Google將您的AEM Forms環境與reCAPTCHA服務連線

    在設定reCAPTCHA服務後,就可在調適型表單中使用。 如需詳細資訊,請參閱在最適化表單中使用Google reCAPTCHA

在最適化表單中使用 Google reCAPTCHA using-reCAPTCHA

若要在最適化Forms中使用reCAPTCHA:

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

  2. 移至​ Forms > Forms和檔案

  3. 選取最適化Forms並選取​ 屬性。 針對​ 組態容器 ​選項,選取包含連線AEM Forms與Google的reCAPTCHA服務的雲端組態的組態容器,並選取​ 儲存並關閉

    如果您沒有這類設定容器,請參閱區段透過Google將您的AEM Forms環境與reCAPTCHA服務連線,以瞭解如何建立這類設定容器。

    選取設定容器

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

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

    Google reCAPTCHA驗證常有時效性,約幾分鐘後就會過期。 因此,Adobe建議將​ 最適化表單reCAPTCHA ​元件放在​ 提交 ​按鈕之前。

  6. 選取​ 最適化表單reCAPTCHA ​元件,並選取屬性 屬性圖示 圖示。 它會開啟屬性對話方塊。 指定下列強制屬性:

    • 名稱: ​您可以在表單和規則編輯器中輕鬆識別具有唯一名稱的表單元件,但名稱不得包含空格或特殊字元。
    • CAPTCHA組態: ​選取已設定為顯示表單之Google reCAPTCHA對話方塊的雲端組態。 基於類似目的,您的環境中可以有多個雲端設定。 因此,請謹慎選擇服務。 如果未列出任何服務,請參閱透過Google將您的AEM Forms環境與reCAPTCHA服務連線,以瞭解如何建立將您的AEM Forms環境與Google的reCAPTCHA服務連線的Cloud Service。
    • 驗證碼大小: ​您可以選取Google reCAPTCHA挑戰對話方塊的顯示大小。 使用​ Compact ​選項可顯示小尺寸,使用​ Normal ​選項可顯示相對大尺寸的Google reCAPTCHA挑戰對話方塊。
  7. 選取「完成」。

    現在,您的最適化表單上會顯示受reCAPTCHA保護的​ 。 它會顯示在所有設定為可使用Google reCAPTCHA服務的最適化Forms上。

    現在,僅允許提交合法表單,其中表單填寫者成功清除Google reCAPTCHA服務帶來的挑戰。
    受reCAPTCHA徽章保護的Google

常見問題

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

另請參閱 see-also

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