Turnstile CAPTCHA と Adaptive Formsの統合

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

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

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

AEM Forms環境と Turnstile Captcha の統合

Cloudflare の Turnstile Captcha は、自動ボット、悪意のある攻撃、スパム、不要な自動トラフィックからフォームとサイトを保護することを目的としたセキュリティ対策です。 フォームの送信を許可する前に、人間であることを確認するためのチェックボックスがフォーム送信時に表示されます。 AEM Forms as a Cloud Serviceは、アダプティブFormsでの Turnstile Captcha をサポートします。

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

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

AEM Forms用の Turnstile を設定する手順 steps-to-configure-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 オーサーインスタンスで、 tools-1 /Cloud Services に移動し、「Turnstile」を選択します。

      UI でのターンスタイル

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

      設定ターンスタイル

    3. ウィジェットタイプ を管理対象として指定します。ウィジェットタイプは、前提条件で取得したキー タイトル名前サイトキー秘密鍵 に応じて変わることがあります ​ 前提条件で取得 ​。 「作成」を選択します。

      AEM Forms環境を Turnstile と連携させるためのCloud Serviceの設定

NOTE
自動スタイル検証用に既にクライアントサイドのJavaScript検証 URL とサーバーサイドの検証 URL が入力されているので、変更する必要はありません。

Turnstile Captcha サービスを設定すると、アダプティブフォームで使用できるようになります。

アダプティブフォームでの Turnstile の使用 using-turnstile-foundation-components

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

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

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

    そのような設定コンテナがない場合は、設定コンテナの作成方法について AEM Forms環境の自動インストールへの接続 ​ の節を参照してください。

    設定コンテナの選択

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

  5. コンポーネントブラウザーから Captcha コンポーネントを、アダプティブフォームにドラッグ&ドロップします。

  6. Captcha コンポーネントを選択し、プロパティ プロパティアイコン アイコンをクリックします。 プロパティダイアログが開きます。

    設定

    次のプロパティを指定します。

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

    • 検証メッセージ ​: フォーム送信時に Captcha を検証するための検証メッセージを提供します。

    • Captcha を検証 ​: いずれかのオプションを選択して、Captcha を検証できます。

      • フォーム送信時
      • ユーザー側のアクション
    • Captcha サービス ​: Captcha サービスを選択します。ここでは、Cloudfare Turnstile Captcha サービスを選択します。

    • Captcha 設定 ​: Turnstile 用に設定されたクラウド設定を選択します。 例えば、ここでは 管理キー を選択します。

      note note
      NOTE
      同様の目的のために、環境内に複数のクラウド設定を持つことができます。 そのため、サービスは慎重に選択してください。サービスがリストに表示されない場合は、AEM Forms環境と Turnstile サービスを接続するCloud Serviceの作成方法について、AEM Forms環境と Turnstile の接続 ​ を参照してください。
    • エラーメッセージ: Captcha 送信が失敗した場合にユーザーに表示するエラーメッセージを指定します。

    • Captcha サイズ: 回転式チャレンジダイアログの表示サイズを選択します。 「コンパクト」オプションを使用すると小さいサイズを表示し、「標準」オプションを使用すると比較的大きいサイズの回転式チャレンジダイアログを表示します。

      note note
      NOTE
      これは、ウィジェットタイプの管理対象および非インタラクティブに適用できます。 ウィジェットタイプが非表示の場合、size プロパティは不要で、無効になります。
  7. 完了」を選択します。

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

回転式チャレンジ

よくある質問

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

関連トピック see-also

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