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

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

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

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

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

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

始める前に

  1. In the Google Cloud console, on the project selector page, select or create a Google Cloud project.

    Roles required to select or create a project

    • Select a project: Selecting a project doesn't require a specific IAM role—you can select any project that you've been granted a role on.
    • Create a project: To create a project, you need the Project Creator (roles/resourcemanager.projectCreator), which contains the resourcemanager.projects.create permission. Learn how to grant roles.

    Go to project selector

  2. Enable the reCAPTCHA Enterprise API.

    Roles required to enable APIs

    To enable APIs, you need the Service Usage Admin IAM role (roles/serviceusage.serviceUsageAdmin), which contains the serviceusage.services.enable permission. Learn how to grant roles.

    Enable the API

  3. Make sure that you have the following role or roles on the project: reCAPTCHA Enterprise Admin, reCAPTCHA Enterprise Agent

    Check for the roles

    1. In the Google Cloud console, go to the IAM page.

      Go to IAM
    2. Select the project.

    3. In the Principal column, find all rows that identify you or a group that you're included in. To learn which groups you're included in, contact your administrator.

    4. For all rows that specify or include you, check the Role column to see whether the list of roles includes the required roles.

    Grant the roles

    1. In the Google Cloud console, go to the IAM page.

      IAM に移動

    2. プロジェクトを選択します。
    3. [ アクセスを許可] をクリックします。

    4. [新しいプリンシパル] フィールドに、ユーザー ID を入力します。 これは通常、Google アカウントのメールアドレスです。

    5. [ロールを選択] リストでロールを選択します。
    6. 追加のロールを付与するには、 [別のロールを追加] をクリックして各ロールを追加します。
    7. [保存] をクリックします。

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

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

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

    デモ ウェブサイトに移動

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

    デプロイ プロセス全体は 1 分ほどかかります。

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

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

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

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

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

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

    1. [キーの詳細] ページで、[ソースを編集] をクリックします。

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

      ソースコードの保存された変更がデモウェブサイトに再読み込みされます。

    Cloud Shell エディタは Cloud Shell を閉じてデモウェブサイトを停止するため、閉じないでください。

次のステップ