根據核心元件在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 在最適化Forms中支援Google reCAPTCHA v2。 您可以用它來在表單提交時提出驗證碼質詢。 若要使用Google的reCAPTCHA服務連線您的AEM Forms環境

  1. 取得 reCAPTCHA API金鑰組 來自Google。 它包含 網站金鑰秘密金鑰.

    建立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服務(在步驟1取得)。 選取「建立」。

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

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

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

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

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

  2. 前往 Forms > Forms與檔案.

  3. 選取最適化Forms並選取 屬性. 對於 設定容器 選項,選取包含雲端設定的設定容器,此雲端設定會透過Google將AEM Forms與reCAPTCHA服務連線,然後選取 儲存並關閉.

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

    選取設定容器

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

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

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

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

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

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

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

常見問題

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

另請參閱 see-also

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