在最適化表單中使用CAPTCHA

CAPTCHA(完全自動化的公共圖靈測試,可區分電腦和人類)是線上交易常用的程式,用來區分人類和自動化程式或機器人。 它會帶來挑戰,並評估使用者回應,以判斷它是人還是機器人與網站互動。 它可防止使用者在測試失敗時繼續作業,並防止機器人張貼垃圾訊息或惡意目的,以確保線上交易的安全。

AEM Forms支援最適化表單中的CAPTCHA。 您可以使用Google的reCAPTCHA服務來實作CAPTCHA。

注意

AEM Forms僅支援reCaptcha v2。 不支援任何其他版本。

AEM Forms應用程式的離線模式不支援最適化表單中的CAPTCHA。

Google設定ReCAPTCHA服務

表單作者可以使用Google的reCAPTCHA服務,在最適化表單中實作CAPTCHA。 它提供進階的CAPTCHA功能,以保護您的網站。 如需reCAPTCHA運作方式的詳細資訊,請參閱Google reCAPTCHA

recaptcha

若要在AEM Forms中實作reCAPTCHA服務:

  1. 從Google取得reCAPTCHA API金鑰對。 它包含網站金鑰和機密。

  2. 建立雲端服務的設定容器。

    1. 前往​工具>一般>組態瀏覽器

    2. 請執行下列動作,為雲端設定啟用全域資料夾,或略過此步驟,為雲端服務設定建立並設定另一個資料夾。

      1. 在「配置瀏覽器」中,選擇​global​資料夾,然後點選​屬性
      2. 在「配置屬性」對話框中,啟用​雲配置
      3. 點選​儲存並關閉​以儲存設定並退出對話方塊。
    3. 在配置瀏覽器中,按一下​建立

    4. 在「建立配置」對話框中,指定資料夾的標題並啟用​雲配置

    5. 點選「建立」以建立可用於雲端服務組態的資料夾。

  3. 為reCAPTCHA設定雲端服務。

    1. 在您的AEM作者例項上,請至tools > Cloud Services
    2. 點選​reCAPTCHA。 將開啟「配置」頁。 選擇在上一步驟中建立的配置容器,然後按一下​建立
    3. 指定reCAPTCHA服務的名稱、網站金鑰和機密金鑰,並點選​Create​以建立雲端服務設定。
    4. 在「編輯元件」對話方塊中,指定在步驟1中取得的網站和機密金鑰。 點選「儲存設定」,然後點選「確定」以完成設定。

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

在最適化表單中使用CAPTCHA

若要在最適化表單中使用CAPTCHA:

  1. 在編輯模式中開啟最適化表單。

    注意

    請確定建立最適化表單時選取的組態容器包含reCAPTCHA雲端服務。 您也可以編輯最適化表單屬性,以變更與表單關聯的組態容器。

  2. 從元件瀏覽器,將​Captcha​元件拖放至最適化表單。

    注意

    不支援在最適化表單中使用多個Captcha元件。 此外,建議不要在標示為延遲載入的面板或片段中使用CAPTCHA。

    注意

    驗證碼是時間敏感的,約一分鐘後過期。 因此,建議將Captcha元件置於最適化表單中「提交」按鈕之前。

  3. 選取您新增的Captcha元件,並點選cmppr以編輯其屬性。

  4. 指定CAPTCHA介面工具集的標題。 預設值為​Captcha。 如果您不想顯示標題,請選擇​隱藏標題

  5. 從​Captcha服務​下拉式清單中,選擇​reCaptcha​以啟用reCAPTCHA服務(若您依Google的ReCAPTCHA服務中所述設定)。 從「設定」下拉式清單中選取設定。 此外,請為reCAPTCHA Widget選擇大小為​Normal​或​Compact

    注意

    請勿從Captcha服務下拉式清單中選取​Default,因為預設的AEM CAPTCHA服務已停用。

  6. 儲存屬性。

reCAPTCHA服務在最適化表單上啟用。 您可以預覽表單,並檢視CAPTCHA運作。

本頁內容