在演示网站中测试 reCAPTCHA

本文档介绍如何在 Google Cloud上部署演示网站（一个集成了 reCAPTCHA 的 示例网站），以 了解 reCAPTCHA 的工作原理。

演示网站可帮助您执行以下操作：

  • 了解用户在使用 reCAPTCHA 时的体验。
  • 作为在您自己的应用中集成 reCAPTCHA 的参考。
  • 通过修改示例应用源代码，尝试不同的前端和后端方法。

您可以使用以下任一语言部署演示网站：Java、Node.js 或 Python。

对于一个 Google Cloud 项目，您一次只能部署一个演示网站。

准备工作

  1. 在 Google Cloud 控制台的项目选择器页面上， 选择或创建 Google Cloud 项目。

    选择或创建项目所需角色

    • 选择项目：选择项目不需要特定的 IAM 角色，您可以选择已获授角色的任何项目。
    • 创建项目：如需创建项目，您需要拥有 Project Creator 角色 (roles/resourcemanager.projectCreator)，该角色包含 resourcemanager.projects.create 权限。了解如何授予 角色。

    转到“项目选择器”

  2. 启用 reCAPTCHA Enterprise API。

    启用 API 所需的角色

    如需启用 API，您需要拥有 Service Usage Admin IAM 角色 (roles/serviceusage.serviceUsageAdmin)，该角色包含 serviceusage.services.enable 权限。了解如何授予角色。

    启用 API

  3. 确保您在项目中拥有以下一个或多个角色： reCAPTCHA Enterprise Admin、reCAPTCHA Enterprise Agent

    检查角色

    1. 在 Google Cloud 控制台中，前往 IAM 页面。

      转到 IAM
    2. 选择项目。

    3. 在主账号 列中，找到标识您或您所属的所有组的所有行。如需了解您所属的组，请与您的 管理员联系。

    4. 对于指定或包含您的所有行，请检查角色 列，以查看角色列表是否包含所需角色。

    授予角色

    1. 在 Google Cloud 控制台中，前往 IAM 页面。

      转到 IAM
    2. 选择项目。
    3. 点击 授予访问权限。

    4. 在新的主账号 字段中，输入您的用户标识符。 这通常是 Google 账号的电子邮件地址。

    5. 点击选择角色，然后搜索该角色。
    6. 如需授予其他角色，请点击 添加其他角色 ，然后添加其他各个角色。
    7. 点击 Save （保存）。

  4. 如果您之前部署过演示网站，请删除相关的演示密钥。

部署演示网站

  1. 在 Google Cloud 控制台中，前往演示网站页面。

    前往演示网站

  2. 在语言 列表中，选择一种语言。

    整个部署过程可能需要大约 1 分钟。

  3. 如果系统提示，请授权 Cloud Shell 使用您的凭据进行调用。

  4. 如需前往新的演示版密钥详情 页面，请点击查看网站 。

  5. 如需查看演示网站，请在 Frontend （前端）卡片中，点击查看示例网页 。

    演示网站会在单独的标签页中打开。

  6. 如需了解将 reCAPTCHA 与您的网站集成的模式，请点击查看示例。

  7. 如果您想对演示网站进行更改，请执行以下操作：

    1. 在密钥详情 页面中，点击修改源代码 。

    2. 在 Cloud Shell 编辑器中，在 Explorer （资源管理器）中找到所需的文件，并根据需要进行修改。

      对源代码所做的已保存更改会重新加载到演示网站中。

    请勿关闭 Cloud Shell 编辑器，因为关闭该编辑器会关闭 Cloud Shell 并停止演示网站。

后续步骤