Utilisation de Google reCAPTCHA sur vos formulaires de site Web avec PHP

Dernière mise à jour Oct 18, 2021

Teneur

Enregistrez le site et obtenez des clés API

Dans un premier temps, vous devez enregistrer votre site ici – https://www.google.com/recaptcha/admin. Choisissez les options pour reCAPTCHA v2 et la case à cocher « Je ne suis pas un robot » comme indiqué dans la capture d’écran.

Si vous avez l’intention de le tester sur un serveur local, utilisez la chaîne ‘localhost’ dans le champ domaine.

Après avoir rempli le formulaire ci-dessus, vous obtiendrez votre clé de site et votre clé secrète.

Intégrer Google reCAPTCHA

Vous êtes prêt avec vos clés API reCAPTCHA. Ensuite, installez cette bibliothèque GitHub qui permet d’ajouter et de valider reCAPTCHA. La méthode recommandée pour installer cette bibliothèque est via Composer.

Ouvrez le terminal dans le répertoire racine de votre projet et exécutez la commande :

composer require anhskohbo/no-captcha

Après avoir installé la bibliothèque, nous pouvons ajouter le reCAPTCHA dans notre formulaire en utilisant les méthodes fournies dans la bibliothèque.

Par exemple, créons un formulaire contenant des champs tels que l’e-mail, reCAPTCHA et un bouton d’envoi.

<?php
require_once "vendor/autoload.php";
 
$secret  = 'YOUR_SECRET_KEY';
$sitekey = 'YOUR_SITE_KEY';
$captcha = new AnhskohboNoCaptchaNoCaptcha($secret, $sitekey);
?>
 
<form method="POST">
    <p>
        <input type="email" class="form-control" placeholder="Enter email address">
    </p>
    <?php echo $captcha->display(); ?>
    <button type="submit" name="submit" class="btn btn-primary">Submit</button>
</form>
<?php echo $captcha->renderJs(); ?>

Assurez-vous de remplacer les espaces réservés par les valeurs réelles. Dans le code ci-dessus, la fonction $captcha->display()affiche la case à cocher « Je ne suis pas un robot ». La méthode $captcha->renderJs()inclut le fichier JS requis de reCAPTCHA.

Maintenant, pour valider l’utilisateur, écrivez le code ci-dessous sur la soumission du formulaire.

if (isset($_POST['submit'])) {
    if($captcha->verifyResponse($_POST['g-recaptcha-response'])) {
        //proceed further
    } else {
        echo "Incorrect captcha";
    }
}

Notre code final est donc le suivant.

<?php
require_once "vendor/autoload.php";
 
$secret  = 'YOUR_SECRET_KEY';
$sitekey = 'YOUR_SITE_KEY';
$captcha = new AnhskohboNoCaptchaNoCaptcha($secret, $sitekey);
 
if (isset($_POST['submit'])) {
    if($captcha->verifyResponse($_POST['g-recaptcha-response'])) {
        //proceed further
    } else {
        echo "Incorrect captcha";
    }
}
?>
 
<form method="POST">
    <p>
        <input type="email" class="form-control" placeholder="Enter email address">
    </p>
    <?php echo $captcha->display(); ?>
    <button type="submit" name="submit" class="btn btn-primary">Submit</button>
</form>
<?php echo $captcha->renderJs(); ?>

C’est ça! J’espère que vous avez appris à intégrer Google reCAPTCHA sur les formulaires de votre site Web. S’il vous plaît partager vos pensées et suggestions dans la section commentaires ci-dessous.

Articles Liés

Source d’enregistrement: artisansweb.net