コアコンポーネントに基づく AEM アダプティブフォームでの Google reCAPTCHA の使用 using-reCAPTCHA-in-adaptive-forms

Google から reCAPTCHA API キーペアを取得します。これには、サイトキー ​と​ 秘密鍵 ​が含まれます。

設定コンテナを AEM Forms as a Cloud Service 環境に作成します。設定コンテナには、AEM を外部サービスに接続するために使用されるクラウド設定が格納されます。Google で AEM Forms 環境を reCAPTCHA サービスに接続するための設定コンテナを作成および設定するには、次の手順を実行します。

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

2. ツール／一般／設定ブラウザー ​に移動します。設定ブラウザーでは、次の操作を実行できます。

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

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

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

   • 既存のフォルダーに対して「クラウド設定」オプションを有効にするには：

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

Cloud Service を設定：

1. AEM オーサーインスタンスで、 ／クラウドサービス ​に移動し、「reCAPTCHA」を選択します。
2. 前の節で作成または更新した設定コンテナを選択します。「作成」を選択します。
3. reCAPTCHA サービス用（手順 1 で取得）に​ タイトル、名前、サイトキー ​および 秘密鍵 ​を指定します。「作成」を選択します。

reCAPTCHA サービスを設定すると、アダプティブフォームで使用できるようになります。詳しくは、アダプティブフォームでの Google reCAPTCHA の使用を参照してください。

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

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

アダプティブフォームを選択し、「プロパティ」を選択します。「設定コンテナ」オプションで AEM Forms を Google の reCAPTCHA サービスに接続するクラウド設定を含む設定コンテナを選択し、「保存して閉じる」を選択します。

このような設定コンテナがない場合は、Googleによる reCAPTCHA サービスを使用した AEM Forms 環境の接続の節を参照して、設定コンテナを作成する方法を確認してください。

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

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

Google reCAPTCHA 検証は時間的制約があり、数分で期限切れになります。そのため、アダプティブフォーム reCAPTCHA コンポーネントを​ 送信 ​ボタンのすぐ前に配置することをお勧めします。

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

• 名前： フォームコンポーネントは、フォーム内とルールエディター内の両方で一意の名前で簡単に識別できますが、名前にスペースや特殊文字を含めることはできません。
• Captcha 設定： フォームの Google reCAPTCHA ダイアログを表示するように設定されたクラウド設定を選択します。同様の目的で、環境内に複数のクラウド設定を作成することができます。そのため、サービスは慎重に選択してください。サービスが表示されない場合は、Googleによる reCAPTCHA サービスを使用した AEM Forms 環境の接続で、AEM Forms 環境と Google の reCAPTCHA サービスを接続する Cloud Service を作成する方法を参照してください。
• Captcha サイズ：「Google reCAPTCHA チャレンジ」ダイアログの表示サイズを選択できます。「コンパクト」オプションを選択すると小さいサイズ、「標準」オプションを選択すると比較的大きなサイズの Google reCAPTCHA チャレンジダイアログを表示できます。

「完了」を選択します。

reCAPTCHA で保護された がアダプティブフォームに表示されます。Google reCAPTCHA サービスを使用するように設定されているすべてのアダプティブフォームに表示されます。

現在、フォームの入力者は Google reCAPTCHA サービスによって提供される課題を正常にクリアした正規のフォームのみを送信できます。