{"id":25697,"date":"2021-06-11T15:38:00","date_gmt":"2021-06-11T12:38:00","guid":{"rendered":"https:\/\/themewp.inform.click\/?p=25697"},"modified":"2021-10-18T02:05:16","modified_gmt":"2021-10-17T23:05:16","slug":"utilisation-de-google-recaptcha-sur-vos-formulaires-de-site-web-avec-php","status":"publish","type":"post","link":"https:\/\/themewp.inform.click\/fr\/utilisation-de-google-recaptcha-sur-vos-formulaires-de-site-web-avec-php\/","title":{"rendered":"Utilisation de Google reCAPTCHA sur vos formulaires de site Web avec PHP"},"content":{"rendered":"

Vous cherchez \u00e0 int\u00e9grer Google reCAPTCHA dans votre site Web? Google fournit un service reCAPTCHA qui ajoute la case \u00e0 cocher "Je ne suis pas un robot" dans votre formulaire pour valider les utilisateurs. Ce reCAPTCHA prot\u00e8ge vos formulaires contre les bots. Dans cet article, nous \u00e9tudions comment ajouter et valider Google reCAPTCHA sur un site Web en utilisant PHP .<\/p>\n

La protection de votre base de donn\u00e9es contre les spams est un \u00e9l\u00e9ment crucial de tout site Web. De nos jours, de nombreux robots envoient en permanence de fausses donn\u00e9es via des formulaires de sites Web. En ajoutant reCAPTCHA sur le site Web, cela nous aidera \u00e0 arr\u00eater les enregistrements de spam, les commentaires, les langages abusifs, etc.<\/p>\n

Google reCAPTCHA est con\u00e7u pour savoir si une demande entrante provient d’un vrai humain ou d’un bot.<\/p>\n

Cela \u00e9tant dit, voyons un guide \u00e9tape par \u00e9tape sur l’ajout et la validation de reCAPTCHA sur votre site Web.<\/p>\n

Remarque\u00a0:<\/strong> Dans le pass\u00e9, nous avons \u00e9crit un article sur l’ajout de reCAPTCHA dans les formulaires Laravel. Si quelqu’un cherche \u00e0 int\u00e9grer reCAPTCHA dans Laravel, veuillez lire l’article Ajouter Google reCAPTCHA sur les formulaires de site Web Laravel<\/a>.<\/p>\n

Enregistrez le site et obtenez des cl\u00e9s API<\/h3>\n

Dans un premier temps, vous devez enregistrer votre site ici – <\/a>https:\/\/www.google.com\/recaptcha\/admin<\/a>. Choisissez les options pour reCAPTCHA v2 et la case \u00e0 cocher \u00ab\u00a0Je ne suis pas un robot\u00a0\u00bb comme indiqu\u00e9 dans la capture d’\u00e9cran.<\/p>\n

\"Utilisation<\/a><\/p>\n

Si vous avez l’intention de le tester sur un serveur local, utilisez la cha\u00eene ‘localhost’ dans le champ domaine.<\/p>\n

Apr\u00e8s avoir rempli le formulaire ci-dessus, vous obtiendrez votre cl\u00e9 de site et votre cl\u00e9 secr\u00e8te.<\/p>\n

Int\u00e9grer Google reCAPTCHA<\/h3>\n

Vous \u00eates pr\u00eat avec vos cl\u00e9s API reCAPTCHA. Ensuite, installez cette biblioth\u00e8que GitHub<\/a> qui permet d’ajouter et de valider reCAPTCHA. La m\u00e9thode recommand\u00e9e pour installer cette biblioth\u00e8que est via Composer<\/a>.<\/p>\n

Ouvrez le terminal dans le r\u00e9pertoire racine de votre projet et ex\u00e9cutez la commande\u00a0:<\/p>\n

composer require anhskohbo\/no-captcha<\/code><\/pre>\n
Apr\u00e8s avoir install\u00e9 la biblioth\u00e8que, nous pouvons ajouter le reCAPTCHA dans notre formulaire en utilisant les m\u00e9thodes fournies dans la biblioth\u00e8que.<\/p>\n
Par exemple, cr\u00e9ons un formulaire contenant des champs tels que l’e-mail, reCAPTCHA et un bouton d’envoi.<\/p>\n
<?php\nrequire_once \"vendor\/autoload.php\";\n\u00a0\n$secret\u00a0 = 'YOUR_SECRET_KEY';\n$sitekey = 'YOUR_SITE_KEY';\n$captcha = new AnhskohboNoCaptchaNoCaptcha($secret, $sitekey);\n?>\n\u00a0\n<form method=\"POST\">\n\u00a0\u00a0\u00a0\u00a0<p>\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<input type=\"email\" class=\"form-control\" placeholder=\"Enter email address\">\n\u00a0\u00a0\u00a0\u00a0<\/p>\n\u00a0\u00a0\u00a0\u00a0<?php echo $captcha->display(); ?>\n\u00a0\u00a0\u00a0\u00a0<button type=\"submit\" name=\"submit\" class=\"btn btn-primary\">Submit<\/button>\n<\/form>\n<?php echo $captcha->renderJs(); ?><\/code><\/pre>\n
Assurez-vous de remplacer les espaces r\u00e9serv\u00e9s par les valeurs r\u00e9elles. Dans le code ci-dessus, la fonction $captcha->display()<\/code>affiche la case \u00e0 cocher \u00ab\u00a0Je ne suis pas un robot\u00a0\u00bb. La m\u00e9thode $captcha->renderJs()<\/code>inclut le fichier JS requis de reCAPTCHA.<\/p>\n
Maintenant, pour valider l’utilisateur, \u00e9crivez le code ci-dessous sur la soumission du formulaire.<\/p>\n
if (isset($_POST['submit'])) {\n\u00a0\u00a0\u00a0\u00a0if($captcha->verifyResponse($_POST['g-recaptcha-response'])) {\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\/\/proceed further\n\u00a0\u00a0\u00a0\u00a0} else {\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0echo \"Incorrect captcha\";\n\u00a0\u00a0\u00a0\u00a0}\n}<\/code><\/pre>\n
Notre code final est donc le suivant.<\/p>\n
<?php\nrequire_once \"vendor\/autoload.php\";\n\u00a0\n$secret\u00a0 = 'YOUR_SECRET_KEY';\n$sitekey = 'YOUR_SITE_KEY';\n$captcha = new AnhskohboNoCaptchaNoCaptcha($secret, $sitekey);\n\u00a0\nif (isset($_POST['submit'])) {\n\u00a0\u00a0\u00a0\u00a0if($captcha->verifyResponse($_POST['g-recaptcha-response'])) {\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\/\/proceed further\n\u00a0\u00a0\u00a0\u00a0} else {\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0echo \"Incorrect captcha\";\n\u00a0\u00a0\u00a0\u00a0}\n}\n?>\n\u00a0\n<form method=\"POST\">\n\u00a0\u00a0\u00a0\u00a0<p>\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<input type=\"email\" class=\"form-control\" placeholder=\"Enter email address\">\n\u00a0\u00a0\u00a0\u00a0<\/p>\n\u00a0\u00a0\u00a0\u00a0<?php echo $captcha->display(); ?>\n\u00a0\u00a0\u00a0\u00a0<button type=\"submit\" name=\"submit\" class=\"btn btn-primary\">Submit<\/button>\n<\/form>\n<?php echo $captcha->renderJs(); ?><\/code><\/pre>\n
C’est \u00e7a! J’esp\u00e8re que vous avez appris \u00e0 int\u00e9grer Google reCAPTCHA sur les formulaires de votre site Web. S’il vous pla\u00eet partager vos pens\u00e9es et suggestions dans la section commentaires ci-dessous.<\/p>\n
Articles Li\u00e9s<\/h4>\n