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 .

    Rôles requis pour sélectionner ou créer un projet

    • Sélectionnez un projet : la sélection d'un projet ne nécessite pas de rôle IAM spécifique. Vous pouvez sélectionner n'importe quel projet pour lequel un rôle vous a été attribué.
    • Créer un projet : pour créer un projet, vous devez disposer du rôle Créateur de projet (roles/resourcemanager.projectCreator), qui contient l'autorisation resourcemanager.projects.create. Découvrez comment attribuer des rôles.

    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 de disposer des rôles suivants sur le projet : Administrateur reCAPTCHA Enterprise, Agent reCAPTCHA Enterprise

    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