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

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

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

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

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

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

準備

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

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

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

    API を有効にする

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

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

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

    デモ ウェブサイトに移動

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

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

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

  4. 新しいデモの [Key details] ページに移動するには、[View site] をクリックします。

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

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

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

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

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

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

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

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

次のステップ