在演示网站中测试 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，您需要拥有 serviceusage.services.enable 权限。如果您已创建项目，则可能已通过 Owner 角色 (roles/owner) 拥有此权限。否则，您可以通过 Service Usage Admin 角色 (roles/serviceusage.serviceUsageAdmin) 获得此权限。了解如何授予角色。

    启用 API

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

    检查角色

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

      转到 IAM
    2. 选择项目。

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

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

    授予角色

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

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

    4. 在新的主账号 字段中，输入您的用户标识符。 这通常是员工身份池中的用户的标识符。如需了解详情， 请参阅 在 IAM 政策中表示员工池用户，或与您的管理员联系。

    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 并停止演示网站。

后续步骤