Tester reCAPTCHA sur un site Web de démonstration

Ce document explique comment déployer un site Web de démonstration sur Google Cloud. Il s'agit d'un exemple de site Web intégré à reCAPTCHA qui vous permet de comprendre comment fonctionne reCAPTCHA.

Un site Web de démonstration vous permet d'effectuer les opérations suivantes :

  • 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'application exemple.

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. Dans la console Google Cloud , sur la page de sélection du projet, sélectionnez ou créez un projet Google Cloud .

    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 role (roles/resourcemanager.projectCreator), which contains the resourcemanager.projects.create permission. Learn how to grant roles.

    Accéder au sélecteur de projet

  2. Activez l'API reCAPTCHA Enterprise.

    Rôles requis pour activer les API

    Pour activer les API, vous avez besoin du rôle IAM Administrateur Service Usage (roles/serviceusage.serviceUsageAdmin), qui contient l'autorisation serviceusage.services.enable. Découvrez comment attribuer des rôles.

    Activer l'API

  3. Assurez-vous que vous disposez du ou des rôles suivants au niveau du projet : reCAPTCHA Enterprise Admin, reCAPTCHA Enterprise Agent

    Vérifier les rôles

    1. Dans la console Google Cloud , accédez à la page IAM.

      Accéder à IAM
    2. Sélectionnez le projet.

    3. Dans la colonne Compte principal, recherchez toutes les lignes qui vous identifient ou identifient un groupe dont vous faites partie. Pour savoir à quels groupes vous appartenez, contactez votre administrateur.

    4. Pour toutes les lignes qui vous spécifient ou vous incluent, consultez la colonne Rôle pour vous assurer que la liste inclut les rôles requis.

    Attribuer les rôles

    1. Dans la console Google Cloud , accédez à la page IAM.

      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. Cliquez sur Sélectionner un rôle, puis recherchez le rôle.
    6. Pour attribuer des rôles supplémentaires, cliquez sur  Ajouter un autre rôle et ajoutez tous les rôles supplémentaires.
    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