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

AEM Forms 環境と hCaptcha® の接続 connect-your-forms-environment-with-hcaptcha-service

この機能は早期導入プログラムの対象です。 早期導入プログラムに登録し、機能へのアクセスをリクエストするには、公式メール ID から aem-forms-ea@adobe.com にメールを送信してください。

CAPTCHA(コンピュータと人間を区別する完全に自動化された公開チューリングテスト)は、人間と自動化されたプログラム/ボットを区別するために、オンライントランザクションで一般的に使用されるプログラムです。テストを行ってユーザーの反応を評価し、サイトを使用しているのが人間かボットかを判断します。テストが失敗した場合の続行を防ぎ、ボットによるスパムの投稿や悪意のある目的を防止することで、オンライントランザクションの安全性を高めます。

AEM Forms as a Cloud Service は、次の CAPTCHA ソリューションをサポートしています。

AEM Forms環境と hCaptcha Captcha の統合

hCaptcha® サービスは、ボット、スパム、自動化された不正使用からフォームを保護します。チェックボックスウィジェットテストを行ってユーザーの反応を評価し、フォームを使用しているのが人間かボットかを判断します。テストが失敗した場合の続行を防ぎ、ボットによるスパムの投稿や悪意のあるアクティビティを防止することで、オンライントランザクションの安全性を高めます。

AEM Forms as a Cloud Serviceは、アダプティブ Forms コアコンポーネントで hCaptcha® をサポートします。 これを使用して、フォームの送信時にチェックボックスウィジェットの課題を提示できます。

AEM Forms 環境を hCaptcha® と統合するための前提条件 prerequisite

AEM Formsで hCaptcha® を設定するには、hCaptcha® web サイトから hCaptcha® サイトキーと秘密鍵 ​ を取得する必要があります。

hCaptcha® の設定 steps-to-configure-hcaptcha

AEM Forms を hCaptcha® サービスと統合するには、次の手順を実行します。

  1. AEM Forms as a Cloud Service環境に設定コンテナを作成します。 設定コンテナには、AEM を外部サービスに接続するために使用されるクラウド設定が格納されます。AEM Forms環境を hCaptcha® に接続するための設定コンテナを作成して設定するには:

    1. AEM Forms as a Cloud Service インスタンスを開きます。

    2. ツール/一般/設定ブラウザー​に移動します。

    3. 設定ブラウザーで、既存のフォルダーを選択したり、フォルダーを作成したりできます。 フォルダーを作成して、そのフォルダーの「クラウド設定」オプションを有効にしたり、既存のフォルダーの「クラウド設定を有効にする」オプションを有効にしたりできます。

      • フォルダーを作成し、それに対して「クラウド設定」オプションを有効にするには、次の手順を実行します。

        1. 設定ブラウザーで「作成」をタップします。
        2. 設定を作成ダイアログで、名前とタイトルを指定し、「クラウド設定」オプションを選択します。
        3. 作成」をクリックします。
      • 既存のフォルダーに対して「クラウド設定」オプションを有効にするには:

        1. 設定ブラウザーで、フォルダーを選択して「プロパティ」を選択します。
        2. 設定プロパティダイアログで、「クラウド設定」を有効にします。
        3. 保存して閉じる」を選択して設定内容を保存し、ダイアログを閉じます。
  2. Cloud Service を設定:

    1. AEM オーサーインスタンスで、 tools-1 /Cloud Services に移動し、「hCaptcha®」を選択します。
      hCaptcha® の ui

    2. 前の節で説明したように、作成または更新した設定コンテナを選択します。「作成」を選択します。
      hCaptcha® の設定

    3. hCaptcha® サービスの タイトル名前サイトキー および 秘密鍵 を指定します ​ 前提条件で取得 ​。 「作成」を選択します。

      AEM Forms 環境を hCaptcha® に接続するよう Cloud Service を設定

    note note
    NOTE
    クライアントサイド JavaScript 検証 URLサーバーサイド検証 URL は、hCaptcha® 検証用に既に事前入力されているので、ユーザーは変更する必要がありません。

    hCAPTCHA サービスを設定すると、​ コアコンポーネントに基づくアダプティブフォーム ​ で使用できるようになります。

アダプティブなForms コアコンポーネントでの hCaptcha® の使用 {#using-hCaptcha®-core-components}

  1. AEM Forms as a Cloud Service インスタンスを開きます。

  2. Formsフォームとドキュメント​に移動します。

  3. アダプティブフォームを選択し、プロパティ を選択します。 Configuration Container オプションについては、AEM Formsと hCaptcha を接続するクラウド設定が含まれている Configuration Container を選択して®保存して閉じる を選択します。

    そのような Configuration Container がない場合に Configuration Container を作成する方法については、AEM Forms環境と hCaptcha® の接続 ​ の節を参照してください。

    設定コンテナの選択

  4. アダプティブフォームを選択し、「編集」を選択します。 アダプティブフォームエディターでアダプティブフォームが開きます。

  5. コンポーネントブラウザーから Adaptive Form hCaptcha® コンポーネントをアダプティブフォームにドラッグ&ドロップまたは追加します。

  6. アダプティブフォーム hCaptcha® コンポーネントを選択し、プロパティ プロパティアイコン アイコンをクリックします。 プロパティダイアログが開きます。次のプロパティを指定します。

    hCaptcha® v2

    • 名前 ​: Captcha コンポーネントの名前を指定すると、フォーム内とルールエディター内の両方で一意の名前を使用して、フォームコンポーネントを簡単に識別できます。

    • タイトル: Captcha コンポーネントのタイトルを指定します。

    • 設定: hCaptcha® 用に設定されたクラウド設定を選択します。

    • Captcha サイズ: hCaptcha® テストダイアログの表示サイズを選択できます。「コンパクト」オプションを選択すると小さいサイズ、「標準」オプションを選択すると比較的大きなサイズの hCaptcha® テストダイアログを表示できます。

    • 検証メッセージ ​: フォーム送信時の Captcha 検証の検証メッセージを指定します。

    • スクリプト検証メッセージ - スクリプトの検証が失敗した場合に表示するメッセージを入力できます。

      note note
      NOTE
      同様の目的で、環境内に複数のクラウド設定を作成することができます。そのため、サービスは慎重に選択してください。サービスが表示されない場合は、AEM Forms 環境と hCaptcha® の接続で、AEM Forms 環境と hCaptcha® サービスを接続する Cloud Service を作成する方法を参照してください。
  7. 完了」を選択します。

現在は、フォームの入力者が hCaptcha® サービスによって発生する課題を正常にクリアした正当なフォームのみがフォーム送信で許可されています。 hCaptcha®

hCaptcha® は、Intuition Machines, Inc. の登録商標です。

よくある質問

  • Q:アダプティブフォーム内で複数の Captcha コンポーネントを使用できますか?
  • A:​アダプティブフォームでは、複数の Captcha コンポーネントを使用することはできません。また、遅延読み込みのマークが付けられたフラグメントやパネルで Captcha コンポーネントを使用することはお勧めしません。

関連トピック see-also

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