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:

  • Comprende la experiencia de tus usuarios con reCAPTCHA.
  • Úsalo como referencia para integrar reCAPTCHA en tu propia aplicación.
  • Experimenta con diferentes enfoques de frontend y backend editando el código fuente de la aplicación de ejemplo.

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

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

Antes de comenzar

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

    Roles necesarios para seleccionar o crear un proyecto

    • Selecciona 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 permiso resourcemanager.projects.create. 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 APIs, necesitas el permiso serviceusage.services.enable. Si creaste el proyecto, es probable que ya tengas este permiso a través del rol de propietario (roles/owner). De lo contrario, puedes obtener este permiso a través del rol de administrador de Service Usage (roles/serviceusage.serviceUsageAdmin). 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 consola de Google Cloud , 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 se te incluya. Para saber en qué grupos estás incluido, comunícate con tu administrador.

    4. Para todas las filas en las que se te especifique o se te incluya, verifica la columna Rol para ver si la lista de roles incluye los roles necesarios.

    Otorga los roles

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

      Ir a IAM
    2. Selecciona el proyecto.
    3. Haz clic en Otorgar acceso.

    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 Seleccionar 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 correspondiente.

Implementa un sitio web de demostración

  1. En la consola de Google Cloud , 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 alrededor de 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 View sample web page.

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

  6. Para conocer los patrones de integración de reCAPTCHA en 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 cerrará Cloud Shell y se detendrá el sitio web de demostración.

¿Qué sigue?