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 ejemplo integrado en reCAPTCHA, para comprender cómo funciona reCAPTCHA.

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

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

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. Si ya implementaste un sitio web de demostración, borra la clave de demo 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 la 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 la 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 abrirá en una pestaña independiente.

  6. Para conocer los patrones para integrar reCAPTCHA en tu sitio web, haz clic en los ejemplos.

  7. Si quieres 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 esto cerrará Cloud Shell y detendrá el sitio web de demostración.

¿Qué sigue?