Probar reCAPTCHA en un sitio web de demostración

En este documento se explica cómo desplegar un sitio web de demostración en Google Cloud, que es un sitio web de ejemplo integrado con reCAPTCHA, para entender cómo funciona reCAPTCHA.

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

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

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

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

Antes de empezar

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

    Roles required to select or create a project

    • Select a project: Selecting a project doesn't require a specific IAM role—you can select any project that you've been granted a role on.
    • Create a project: To create a project, you need the Project Creator (roles/resourcemanager.projectCreator), which contains the resourcemanager.projects.create permission. Learn how to grant roles.

    Go to project selector

  2. Enable the reCAPTCHA Enterprise API.

    Roles required to enable APIs

    To enable APIs, you need the Service Usage Admin IAM role (roles/serviceusage.serviceUsageAdmin), which contains the serviceusage.services.enable permission. Learn how to grant roles.

    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 Conceder acceso.

    4. En el campo Nuevos principales, introduce tu identificador de usuario. Normalmente, se trata de la dirección de correo de una cuenta de Google.

    5. En la lista Selecciona un rol, elige un rol.
    6. Para conceder más roles, haz clic en Añadir otro rol y añade cada rol adicional.
    7. Haz clic en Guardar.

  4. Si ya ha implementado un sitio web de demostración, elimine la clave de demostración correspondiente.

Desplegar 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 la demo

  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 pueda hacer llamadas con tus credenciales.

  4. Para ir a la página Detalles clave de la nueva demo, haga clic en Ver sitio.

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

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

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

  7. Si quieres hacer cambios en el sitio web de demostración, sigue estos pasos:

    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.

Siguientes pasos