Tester reCAPTCHA sur un site Web de démonstration

Ce document explique comment déployer un site Web de démonstration sur Google Cloud, qui est un exemple de site Web intégré à reCAPTCHA, pour comprendre comment fonctionne reCAPTCHA.

Un site Web de démonstration vous aide à :

  • Comprendre l'expérience de vos utilisateurs avec reCAPTCHA
  • Utilisez-le comme référence pour intégrer reCAPTCHA à votre propre application.
  • Testez différentes approches de frontend et de backend en modifiant le code source de l'exemple d'application.

Vous pouvez déployer un site Web de démonstration dans l'un des langages suivants : Java, Node.js ou Python.

Pour un projet Google Cloud , vous ne pouvez déployer qu'un seul site Web de démonstration à la fois.

Avant de commencer

  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.

      Accéder à IAM

    2. Sélectionnez le projet.
    3. Cliquez sur Accorder l'accès.
    4. Dans le champ Nouveaux comptes principaux, saisissez votre identifiant utilisateur. Il s'agit généralement de l'adresse e-mail d'un compte Google.

    5. Dans la liste Sélectionner un rôle, sélectionnez un rôle.
    6. Pour attribuer des rôles supplémentaires, cliquez sur Ajouter un autre rôle et ajoutez chaque rôle supplémentaire.
    7. Cliquez sur Enregistrer.

  4. Si vous avez déjà déployé un site Web de démonstration, supprimez la clé de démonstration correspondante.

Déployer un site Web de démonstration

  1. Dans la console Google Cloud , accédez à la page du site Web de démonstration.

    Accéder au site Web de démonstration

  2. Dans la liste Langue, sélectionnez une langue.

    L'ensemble du processus de déploiement peut prendre environ une minute.

  3. Si vous y êtes invité, autorisez Cloud Shell à effectuer des appels à l'aide de vos identifiants.

  4. Pour accéder à la page Informations clés de votre nouvelle démo, cliquez sur Afficher le site.

  5. Pour afficher le site Web de démonstration, dans la fiche Frontend, cliquez sur View sample web page (Afficher l'exemple de page Web).

    Le site Web de démonstration s'ouvre dans un autre onglet.

  6. Pour découvrir les modèles d'intégration de reCAPTCHA à votre site Web, cliquez sur les exemples.

  7. Si vous souhaitez modifier le site Web de démonstration, procédez comme suit :

    1. Sur la page Informations clés, cliquez sur Modifier la source.
    2. Dans l'éditeur Cloud Shell, recherchez les fichiers requis dans l'explorateur et modifiez-les si nécessaire.

      Les modifications enregistrées apportées au code source sont rechargées dans le site Web de démonstration.

    Ne fermez pas l'éditeur Cloud Shell, car cela fermerait Cloud Shell et arrêterait le site Web de démonstration.

Étapes suivantes