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 proyecto de Google Cloud , solo puedes implementar un sitio web de demostración a la vez.

Antes de comenzar

  1. In the Google Cloud console, on the project selector page, select or create a Google Cloud project.

    Go to project selector

  2. Enable the reCAPTCHA Enterprise API.

    Enable the API

  3. Make sure that you have the following role or roles on the project: reCAPTCHA Enterprise Admin, reCAPTCHA Enterprise Agent

    Check for the roles

    1. In the Google Cloud console, go to the IAM page.

      Go to IAM
    2. Select the project.

    3. In the Principal column, find all rows that identify you or a group that you're included in. To learn which groups you're included in, contact your administrator.

    4. For all rows that specify or include you, check the Role column to see whether the list of roles includes the required roles.

    Grant the roles

    1. In the Google Cloud console, go to the IAM page.

      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. En la lista Seleccionar un rol, elige un rol.
    6. Para otorgar funciones adicionales, haz clic en Agregar otro rol y agrega cada rol adicional.
    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 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 de 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 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?