デモウェブサイトで Fraud Defense をテストする

このドキュメントでは、Google Cloud Fraud Defense と統合されたサンプル ウェブサイトをデプロイして、 Google Cloud Fraud Defense の仕組みを理解する方法について説明します。

デモ ウェブサイトでは、次のことを行えます。

  • Fraud Defense を使用したユーザー エクスペリエンスを理解する。
  • 独自のアプリケーションに Fraud Defense を統合する際の参照として使用する。
  • サンプル アプリケーションのソースコードを編集して、さまざまなフロントエンドとバックエンドのアプローチを試す。

デモ ウェブサイトを、Java、Node.js、または Python のいずれかの言語でデプロイできます。

Google Cloud プロジェクトにデプロイできるデモ ウェブサイトは一度に 1 つのみです。

始める前に

  1. コンソールの Google Cloud プロジェクト セレクタページで、 Google Cloud プロジェクトを選択または作成します。

    プロジェクトを選択または作成するために必要なロール

    • プロジェクトを選択する: プロジェクトの選択には特定の IAM ロールは必要ありません。ロールが付与されているプロジェクトを選択できます。
    • プロジェクトを作成する: プロジェクトを作成するには、プロジェクト作成者ロール (roles/resourcemanager.projectCreator)が必要です。これには resourcemanager.projects.create 権限が含まれています。詳しくは、ロールを付与する方法をご覧ください。

    プロジェクト セレクタに移動

  2. reCAPTCHA Enterprise API を有効にします。

    API を有効にするために必要なロール

    API を有効にするには、serviceusage.services.enable 権限が必要です。プロジェクトを作成した場合は、オーナーロール(roles/owner)を通じてこの権限が付与されている可能性があります。それ以外の場合は、Service Usage 管理者ロール(roles/serviceusage.serviceUsageAdmin)を通じてこの権限を取得できます。ロールを付与する方法をご覧ください

    API の有効化

  3. プロジェクトに次のロールが割り当てられていることを確認します: reCAPTCHA Enterprise 管理者、reCAPTCHA Enterprise エージェント

    ロールを確認する

    1. コンソール Google Cloud で、[IAM] ページに移動します。

      IAM に移動
    2. プロジェクトを選択します。
    3. [Principal] 列で、自分または自分が所属するグループの行をすべて確認します。所属するグループについては、管理者にお問い合わせください。

    4. 自分のメールアドレスを含む行の [**ロール**] 列で、ロールのリストに必要なロールが含まれているかどうか確認します。

    ロールを付与する

    1. コンソール Google Cloud で、[IAM] ページに移動します。

      IAM に移動
    2. プロジェクトを選択します。
    3. [**アクセスを許可**] をクリックします。
    4. [新しいプリンシパル] フィールドに、ユーザー ID を入力します。 これは通常、Google アカウントのメールアドレスです。

    5. [**ロールを選択**] をクリックして、ロールを検索します。
    6. 追加のロールを付与するには、 [Add another role] をクリックして各ロールを追加します。
    7. [保存] をクリックします。

  4. すでにデモウェブサイトをデプロイしている場合は、関連するデモキーを削除します。

デモウェブサイトをデプロイする

  1. コンソール Google Cloud で、デモウェブサイトのページに移動します。

    デモ ウェブサイトに移動

  2. [言語] リストで言語を選択します。

    デプロイには約 1 分かかります。

  3. プロンプトが表示されたら、認証情報を使用して Cloud Shell に API 呼び出しを実行することを承認します。

  4. 新しいデモの [キーの詳細] ページに移動するには、[サイトを表示] をクリックします。

  5. デモウェブサイトを表示するには、[フロントエンド] カードに移動して [サンプル ウェブページを表示] をクリックします。

    デモ ウェブサイトが別のタブで開きます。

  6. ウェブサイトに Fraud Defense を統合するパターンについては、サンプルをご覧ください。

  7. デモウェブサイトに変更を加える方法は次のとおりです。

    1. [キーの詳細] ページで、[ソースを編集] をクリックします。
    2. Cloud Shell エディタで、[エクスプローラ] で必要なファイルを見つけて、必要に応じて編集します。

      保存した変更内容でデモウェブサイトが自動的に再読み込みされます。

    Cloud Shell エディタを開いたままにします。閉じると、Cloud Shell とデモウェブサイトが停止します。

次のステップ