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

Last update: Mon Jul 15 2024 00:00:00 GMT+0000 (Coordinated Universal Time)

作成対象：

ユーザー
開発者

この機能は早期導入プログラムの対象です。早期導入プログラムに参加し、機能へのアクセスをリクエストするには、公式メール 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® サービスと統合するには、次の手順を実行します。

AEM Formsas a Cloud Service環境で設定コンテナを作成します。設定コンテナには、AEM を外部サービスに接続するために使用されるクラウド設定が格納されます。AEM Forms環境を hCaptcha® に接続するための設定コンテナを作成して設定するには：
1. AEM Forms as a Cloud Service インスタンスを開きます。
2. ツール／一般／設定ブラウザー に移動します。
3. 設定ブラウザーで、既存のフォルダーを選択したり、フォルダーを作成したりできます。フォルダーを作成して、そのフォルダーの「クラウド設定」オプションを有効にしたり、既存のフォルダーの「クラウド設定を有効にする」オプションを有効にしたりできます。
  - フォルダーを作成し、それに対して「クラウド設定」オプションを有効にするには、次の手順を実行します。
    1. 設定ブラウザーで「作成」をタップします。
    2. 設定を作成ダイアログで、名前とタイトルを指定し、「クラウド設定」オプションを選択します。
    3. 「作成」をクリックします。
  - 既存のフォルダーに対して「クラウド設定」オプションを有効にするには：
    1. 設定ブラウザーで、フォルダーを選択して「プロパティ」を選択します。
    2. 設定プロパティダイアログで、「クラウド設定」を有効にします。
    3. 「保存して閉じる」を選択して設定内容を保存し、ダイアログを閉じます。

Cloud Service を設定：

AEM オーサーインスタンスで、 /Cloud Service に移動し、「hCaptcha®」を選択します。
前の節で説明したように、作成または更新された設定コンテナを選択します。「作成」を選択します。
hCaptcha® サービスの タイトル、名前、サイトキー および 秘密鍵 を指定します前提条件で取得。「作成」を選択します。

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

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

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

AEM Forms as a Cloud Service インスタンスを開きます。
Forms／フォームとドキュメント に移動します。
アダプティブフォームを選択し、プロパティ を選択します。 Configuration Container オプションについては、AEM Formsと hCaptcha を接続するクラウド設定が含まれている Configuration Container を選択して®保存して閉じる を選択します。

そのような Configuration Container がない場合に Configuration Container を作成する方法については、AEM Forms環境と hCaptcha® の接続の節を参照してください。
アダプティブフォームを選択し、「編集」を選択します。アダプティブフォームエディターでアダプティブフォームが開きます。
コンポーネントブラウザーから Adaptive Form hCaptcha® コンポーネントをアダプティブフォームにドラッグ&ドロップまたは追加します。

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

hCaptcha® v2

名前 : Captcha コンポーネントの名前を指定すると、フォーム内とルールエディター内の両方で一意の名前を使用して、フォームコンポーネントを簡単に識別できます。
タイトル : Captcha コンポーネントのタイトルを指定します。
設定： hCaptcha® 用に設定されたクラウド設定を選択します。
Captcha サイズ： hCaptcha® チャレンジダイアログの表示サイズを選択できます。「コンパクト」オプションを選択すると小さいサイズ、「標準」オプションを選択すると比較的大きなサイズの hCaptcha® テストダイアログを表示できます。
検証メッセージ : フォーム送信時の Captcha 検証の検証メッセージを指定します。

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

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

「完了」を選択します。

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

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

よくある質問

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