Google reCAPTCHA V2 avec exemple de démonstration en PHP

Google a annoncé un nouveau service pour prévenir le spam et les attaques sur votre site Web. Ils le nomment « NO CAPTCHA reCAPTCHA » . Google reCAPTCHA est conçu pour protéger votre site Web contre le spam et les abus.

Dans ce tutoriel, je vais vous montrer comment l’intégrer dans votre site Web. À des fins de démonstration, j’ai fait un script simple. S’il vous plaît regarder la démo.

Enregistrez votre site Web et obtenez Secret Key.

La toute première chose que vous devez faire est d’enregistrer votre site Web sur Google recaptcha pour le faire cliquez ici.

Connectez-vous à votre compte Google et créez l’application en remplissant le formulaire. Sélectionnez le reCAPTCHA v2 et sélectionnez l’option de case à cocher « Je ne suis pas un robot ».

Une fois soumis, Google vous fournira les deux informations suivantes.

• Clé de site
• Clé secrète

Intégrez Google reCAPTCHA dans votre site Web.

Pour l’intégrer dans votre site Web, vous devez le mettre en côté client ainsi qu’en côté serveur. Dans la page HTML du client, vous devez intégrer cette ligne avant tag.

Et pour afficher le widget dans votre formulaire, vous devez le mettre ci-dessous formulaire de contact, formulaire de commentaire, etc.

< div class=« g-recaptcha » data-sitekey=« == Votre clé de site == »></div >

Lorsque le formulaire est envoyé au serveur, ce script envoie ‘g-recaptcha-response’ en tant que données POST. Vous devez le vérifier afin de voir si l’utilisateur a vérifié le Captcha ou non.

Exemple de projet

Voici le code HTML du formulaire simple avec la zone de commentaire et le bouton Envoyer. Lors de la soumission de ce formulaire, nous utiliserons PHP en back-end pour effectuer la validation Google reCAPTCHA.

Index .html

< html>

<title>Google recapcha demo - Codeforgeek</title> <script src='https://www.google.com/recaptcha/api.js' async defer></script> </head> <h1>Google reCAPTHA Demo</h1> <form id=« comment_form » action=« form.php » method=« post »> <input type= espace réservé « email » =« Tapez votre e-mail » size=« 40 »><br><br>

<textarea name=« comment » rows=« 8 » cols=« 39 »></textarea><br><br>

< input type=« submit » name=« submit » value=« Post comment »><br><br>

<div class=« g-recaptcha » data-sitekey=« === Votre clé de site === »><

/div> </formulaire>

</body> </html >

Cela générera ce formulaire.

serveur, j’utilise PHP pour l’instant.

On server side i am using PHP for now. So on Form submit request we will check the POST variable.

form.php

<?php
        $email;$comment;$captcha;
        if(isset($_POST['email'])){
          $email=$_POST['email'];
        }
        if(isset($_POST['comment'])){
          $comment=$_POST['comment'];
        }
        if(isset($_POST['g-recaptcha-response'])){
          $captcha=$_POST['g-recaptcha-response'];
        }
        if(!$captcha){
          echo '<h2>Please check the the captcha form.</h2>';
          exit;
        }
        $secretKey = "Put your secret key here";
        $ip = $_SERVER['REMOTE_ADDR'];
        // post request to server
        $url = 'https://www.google.com/recaptcha/api/siteverify?secret=' . urlencode($secretKey) .  '&response=' . urlencode($captcha);
        $response = file_get_contents($url);
        $responseKeys = json_decode($response,true);
        // should return JSON with success as true
        if($responseKeys["success"]) {
                echo '<h2>Thanks for posting comment</h2>';
        } else {
                echo '<h2>You are spammer ! Get the @$%K out</h2>';
        }
?>

Est-ce que l’article vous  a été utile?

Votez : (1 votes, average: 2,00 out of 5)

Loading...