AEM Forms環境と Turnstile の連携 connect-your-forms-environment-with-turnstile-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環境と Turnstile Captcha の統合

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

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

AEM Forms コアコンポーネントの Turnstile を設定するには、Turnstile の Web サイトから Turnstile sitekey and secret key を取得する必要があります。

ターンスタイルを設定 steps-to-configure-hcaptcha

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

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

Cloud Service を設定：

AEM オーサーインスタンスで、 /Cloud Service に移動し、「Turnstile」を選択します。
前の節で説明したように、作成または更新された設定コンテナを選択します。「作成」を選択します。
自動スタイルサービス用の ウィジェットタイプ を管理対象、タイトル、名前、サイトキー、秘密鍵 に指定します前提条件で取得。
「作成」をクリックします。

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

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

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

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

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

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

ターンスタイル v2

名前 : Captcha コンポーネントの名前を指定すると、フォーム内とルールエディター内の両方で一意の名前を使用して、フォームコンポーネントを簡単に識別できます。
タイトル : Captcha コンポーネントのタイトルを指定します。
設定 : 自動で設定するクラウド設定を選択します。
検証メッセージ : フォーム送信時に Captcha を検証するための検証メッセージを提供します。

スクリプト検証メッセージ：このオプションを使用すると、スクリプトの検証が失敗した場合に表示するメッセージを入力できます。

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

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

「完了」を選択します。

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

回転式チャレンジ

よくある質問

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