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

AEM Forms 環境に、AEM を外部サービスに接続するために使用されるクラウド設定を格納する設定コンテナを作成します。設定コンテナを作成するには：

1. AEM Forms 環境を開きます。

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

3. 設定ブラウザーで、既存のフォルダーを選択するか、新規フォルダーを作成できます。

   • 新規フォルダーを作成し、クラウド設定を有効にするには：

     1. 設定ブラウザーで「作成」をタップします。
     2. 設定を作成ダイアログで、名前とタイトルを指定し、「クラウド設定」をオンにします。
     3. 「作成」をクリックします。

   • 既存のフォルダーに対してクラウド設定を有効にするには：

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

クラウドサービスを設定します。

1. AEM オーサーインスタンスで、 ／クラウドサービス ​に移動し、 「hCaptcha®」をクリックします。
   

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

3. タイトル、 サイトキー ​および​ 秘密鍵 ​を、前提条件で取得した hCaptcha® サービスに指定します。

4. 「作成」をクリックします。

   

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

AEM Forms 環境を開きます。

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

アダプティブフォームを選択して、「プロパティ」をクリックします。

設定コンテナ ​で、AEM Forms と hCaptcha を接続するクラウド設定が含まれる設定コンテナを選択します。

「保存して閉じる」をクリックします。

hCaptcha 用の設定コンテナがない場合、設定コンテナを作成する方法について詳しくは、AEM Forms 環境と hCaptcha® の接続の節を参照してください。

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

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

Captcha コンポーネントを選択し、プロパティ をクリックして、プロパティダイアログを開きます。次のプロパティを指定します。

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

• 検証メッセージ： ​フォームの送信時またはユーザーアクション時に Captcha の検証用の検証メッセージを指定します。

• Captcha サービス： ​フォーム送信用の CAPTCHA サービスを選択します。ここでは、「hCaptcha®」を選択します。

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

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

• エラーメッセージ： Captcha の送信が失敗した際にユーザーに表示するエラーメッセージを指定します。

• Captcha サイズ： hCaptcha® テストダイアログの表示サイズを選択できます。「コンパクト」オプションを選択すると小さいサイズ、「標準」を選択すると比較的大きなサイズのhCaptcha® テストダイアログを表示できます。また、「非表示」オプションを選択すると、ユーザーインターフェイス上にチェックボックスウィジェットを明示的にレンダリングせずに hCaptcha® を検証できます。

「完了」を選択します。