Prueba reCAPTCHA en un sitio web de demostración

En este documento, se muestra cómo implementar un sitio web de demostración en Google Cloud, que es un sitio web de muestra integrado con reCAPTCHA, para comprender cómo funciona reCAPTCHA.

Un sitio web de demostración te ayuda a hacer lo siguiente:

  • Comprender la experiencia de tus usuarios con reCAPTCHA
  • Usar como referencia para integrar reCAPTCHA en tu propia aplicación
  • Experimentar con diferentes enfoques de frontend y backend editando el código fuente de la aplicación de muestra

Puedes implementar un sitio web de demostración en uno de los siguientes lenguajes: Java, Node.js o Python.

Para un Google Cloud proyecto, solo puedes implementar un sitio web de demostración a la vez.

Antes de comenzar

  1. En la Google Cloud consola de, en la página del selector de proyectos, selecciona o crea un Google Cloud proyecto.

    Roles necesarios para seleccionar o crear un proyecto

    • Seleccionar un proyecto: Para seleccionar un proyecto, no se requiere un rol de IAM específico. Puedes seleccionar cualquier proyecto en el que se te haya otorgado un rol.
    • Crear un proyecto: Para crear un proyecto, necesitas el rol de creador de proyectos (roles/resourcemanager.projectCreator), que contiene el resourcemanager.projects.create permiso. Obtén más información para otorgar roles.

    Ir al selector de proyectos

  2. Habilita la API de reCAPTCHA Enterprise.

    Roles necesarios para habilitar las APIs

    Para habilitar las APIs, necesitas el rol de IAM de administrador de Service Usage (roles/serviceusage.serviceUsageAdmin), que contiene el permiso serviceusage.services.enable. Obtén más información para otorgar roles.

    Habilitar la API

  3. Asegúrate de tener los siguientes roles en el proyecto: Administrador de reCAPTCHA Enterprise, Agente de reCAPTCHA Enterprise

    Verifica los roles

    1. En la Google Cloud consola de, dirígete a la página IAM.

      Ir a IAM
    2. Selecciona el proyecto.

    3. En la columna Principal, busca todas las filas que te identifiquen a ti o a un grupo en el que estés incluido. Para saber en qué grupos estás incluido, comunícate con tu administrador.

    4. Para todas las filas que te especifican o incluyen, consulta la columna Rol para ver si la lista de roles incluye los roles necesarios.

    Otorga los roles

    1. En la Google Cloud consola de, dirígete a la página IAM.

      Ir a IAM
    2. Selecciona el proyecto.
    3. Haz clic en Grant access.

    4. En el campo Principales nuevas, ingresa tu identificador de usuario. Esta suele ser la dirección de correo electrónico de una Cuenta de Google.

    5. Haz clic en Selecciona un rol y, luego, busca el rol.
    6. Para otorgar roles adicionales, haz clic en Agregar otro rol y agrega uno más.
    7. Haz clic en Guardar.

  4. Si ya implementaste un sitio web de demostración, borra la clave de demostración pertinente.

Implementa un sitio web de demostración

  1. En la Google Cloud consola, ve a la página del sitio web de demostración.

    Ir al sitio web de demostración

  2. En la lista Idioma, selecciona un idioma.

    Todo el proceso de implementación puede tardar aproximadamente 1 minuto.

  3. Si se te solicita, autoriza a Cloud Shell para que realice llamadas con tus credenciales.

  4. Para navegar a la nueva página Detalles de la clave de demostración, haz clic en Ver sitio.

  5. Para ver el sitio web de demostración, en la tarjeta Frontend, haz clic en Ver página web de muestra.

    El sitio web de demostración se abre en una pestaña aparte.

  6. Para conocer los patrones de integración de reCAPTCHA con tu sitio web, haz clic en los ejemplos.

  7. Si deseas realizar cambios en el sitio web de demostración, haz lo siguiente:

    1. En la página Detalles de la clave, haz clic en Editar fuente.

    2. En el editor de Cloud Shell, busca los archivos necesarios en el Explorador y edítalos según sea necesario.

      Los cambios guardados en el código fuente se vuelven a cargar en el sitio web de demostración.

    No cierres el editor de Cloud Shell, ya que se cierra Cloud Shell y se detiene el sitio web de demostración.

¿Qué sigue?