{"id":25274,"date":"2021-06-03T18:07:00","date_gmt":"2021-06-03T15:07:00","guid":{"rendered":"https:\/\/themewp.inform.click\/?p=25274"},"modified":"2021-10-18T02:09:20","modified_gmt":"2021-10-17T23:09:20","slug":"integrer-google-invisible-recaptcha-avec-php","status":"publish","type":"post","link":"https:\/\/themewp.inform.click\/fr\/integrer-google-invisible-recaptcha-avec-php\/","title":{"rendered":"Int\u00e9grer Google Invisible reCAPTCHA avec PHP"},"content":{"rendered":"

L’ajout de captcha sur les formulaires du site Web est n\u00e9cessaire de nos jours. Sinon, votre bo\u00eete de r\u00e9ception et votre base de donn\u00e9es se remplissent de tonnes de spams. Cela ne fait que perdre notre temps \u00e0 nettoyer les e-mails et occupe \u00e9galement un espace suppl\u00e9mentaire dans la base de donn\u00e9es du serveur.<\/p>\n

Google reCAPTCHA est un meilleur moyen de prot\u00e9ger vos formulaires contre les robots. En utilisant reCAPTCHA, vous ne proc\u00e9derez \u00e0 vos formulaires que s’il y a de r\u00e9elles interactions humaines.<\/p>\n

Dans cet article, nous \u00e9tudions comment int\u00e9grer Google Invisible reCAPTCHA sur les formulaires de votre site Web avec PHP. Dans le cas d’Invisible reCAPTCHA, vos visiteurs n’ont pas besoin de r\u00e9soudre des \u00e9nigmes. Il doit valider la demande en arri\u00e8re-plan c\u00f4t\u00e9 serveur.<\/p>\n

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

Pour commencer, enregistrez votre site ici – <\/a>https:\/\/www.google.com\/recaptcha\/admin<\/a>.<\/p>\n

Procurez-vous une option \u00ab\u00a0Badge reCAPTCHA invisible\u00a0\u00bb de \u00ab\u00a0reCAPTCHA v2\u00a0\u00bb.<\/p>\n

\"Int\u00e9grer<\/a><\/p>\n

Ajoutez votre domaine sous la m\u00eame forme. Vous pouvez ins\u00e9rer autant de domaines que vous le souhaitez. Pour un serveur local, ajoute le domaine en tant que localhost. En soumettant un formulaire, vous obtiendrez les cl\u00e9s API. Copiez ces cl\u00e9s. Il sera requis dans les prochaines \u00e9tapes.<\/p>\n

\"Int\u00e9grer<\/a><\/p>\n

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

Pour ajouter un reCAPTCHA invisible dans le formulaire, une approche l\u00e9g\u00e8rement diff\u00e9rente est n\u00e9cessaire. Nous devons transmettre des attributs de donn\u00e9es au bouton et soumettre le formulaire en utilisant JavaScript comme suit.<\/p>\n

<form method=\"post\" id=\"userForm\">\n\u00a0\u00a0\u00a0\u00a0<p><input type=\"text\" class=\"form-control\" name=\"fullname\" placeholder=\"Enter full name\" \/><\/p>\n\u00a0\u00a0\u00a0\u00a0<p><button class=\"g-recaptcha btn btn-primary\" data-sitekey=\"YOUR_SITE_KEY\" data-callback=\"submitForm\">Submit<\/button><\/p>\n<\/form>\n\u00a0\n<script src='https:\/\/www.google.com\/recaptcha\/api.js'><\/script>\n<script>\nfunction submitForm() {\n\u00a0\u00a0\u00a0\u00a0document.getElementById('userForm').submit();\n}\n<\/script><\/code><\/pre>\n
Ce code ajoute Invisible reCAPTCHA dans votre formulaire. Si vous rechargez la page, vous verrez le logo reCAPTCHA dans le coin inf\u00e9rieur droit de la page.<\/p>\n
Ici, nous avons pass\u00e9 la cl\u00e9 du site reCAPTCHA \u00e0 l’attribut ‘data-sitekey’ et le nom de la m\u00e9thode ‘submitForm’ \u00e0 l’attribut ‘data-callback’. Lorsque l’utilisateur clique sur le bouton, il appelle la m\u00e9thode de rappel qui soumet un formulaire \u00e0 l’aide de JavaScript.<\/p>\n
Maintenant, il est temps pour la validation c\u00f4t\u00e9 serveur. Nous v\u00e9rifierons la valeur de la r\u00e9ponse reCAPTCHA par rapport \u00e0 l’URL de l’API Google comme suit.<\/p>\n
if (isset($_POST['g-recaptcha-response'])) {\n\u00a0\u00a0\u00a0\u00a0$secret_key = 'YOUR_SECRET_KEY';\n\u00a0\u00a0\u00a0\u00a0$url = 'https:\/\/www.google.com\/recaptcha\/api\/siteverify?secret='.$secret_key.'&response='.$_POST['g-recaptcha-response'];\n\u00a0\u00a0\u00a0\u00a0$curl = curl_init();\n\u00a0\u00a0\u00a0\u00a0curl_setopt($curl, CURLOPT_URL, $url);\n\u00a0\u00a0\u00a0\u00a0curl_setopt($curl, CURLOPT_RETURNTRANSFER, true);\n\u00a0\u00a0\u00a0\u00a0curl_setopt($curl, CURLOPT_HEADER, false);\n\u00a0\u00a0\u00a0\u00a0$data = curl_exec($curl);\n\u00a0\u00a0\u00a0\u00a0curl_close($curl);\n\u00a0\u00a0\u00a0\u00a0$responseCaptchaData = json_decode($data);\n\u00a0\n\u00a0\u00a0\u00a0\u00a0if($responseCaptchaData->success) {\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0echo 'Captcha verified';\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\/\/proceed with form values\n\u00a0\u00a0\u00a0\u00a0} else {\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0echo 'Verification failed';\n\u00a0\u00a0\u00a0\u00a0}\n}<\/code><\/pre>\n
Lorsqu’un vrai humain soumet votre formulaire, il g\u00e9n\u00e8re une r\u00e9ponse reCAPTCHA que le code ci-dessus v\u00e9rifie ensuite avec l’API Google. Si le formulaire est envoy\u00e9 via des robots, la v\u00e9rification ci-dessus \u00e9choue. Vous ne devez remplir le formulaire qu’en cas de r\u00e9ponse positive.<\/p>\n
Notre code final est le suivant.<\/p>\n
<?php\nif (isset($_POST['g-recaptcha-response'])) {\n\u00a0\u00a0\u00a0\u00a0$secret_key = 'YOUR_SECRET_KEY';\n\u00a0\u00a0\u00a0\u00a0$url = 'https:\/\/www.google.com\/recaptcha\/api\/siteverify?secret='.$secret_key.'&response='.$_POST['g-recaptcha-response'];\n\u00a0\u00a0\u00a0\u00a0$curl = curl_init();\n\u00a0\u00a0\u00a0\u00a0curl_setopt($curl, CURLOPT_URL, $url);\n\u00a0\u00a0\u00a0\u00a0curl_setopt($curl, CURLOPT_RETURNTRANSFER, true);\n\u00a0\u00a0\u00a0\u00a0curl_setopt($curl, CURLOPT_HEADER, false);\n\u00a0\u00a0\u00a0\u00a0$data = curl_exec($curl);\n\u00a0\u00a0\u00a0\u00a0curl_close($curl);\n\u00a0\u00a0\u00a0\u00a0$responseCaptchaData = json_decode($data);\n\u00a0\n\u00a0\u00a0\u00a0\u00a0if($responseCaptchaData->success) {\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0echo 'Captcha verified';\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\/\/proceed with form values\n\u00a0\u00a0\u00a0\u00a0} else {\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0echo 'Verification failed';\n\u00a0\u00a0\u00a0\u00a0}\n}\n?>\n<form method=\"post\" id=\"userForm\">\n\u00a0\u00a0\u00a0\u00a0<p><input type=\"text\" class=\"form-control\" name=\"fullname\" placeholder=\"Enter full name\" \/><\/p>\n\u00a0\u00a0\u00a0\u00a0<p><button class=\"g-recaptcha btn btn-primary\" data-sitekey=\"YOUR_SITE_KEY\" data-callback=\"submitForm\">Submit<\/button><\/p>\n<\/form>\n\u00a0\n<script src='https:\/\/www.google.com\/recaptcha\/api.js'><\/script>\n<script>\nfunction submitForm() {\n\u00a0\u00a0\u00a0\u00a0document.getElementById('userForm').submit();\n}\n<\/script><\/code><\/pre>\n
C’est \u00e7a! Profitez de formulaires sans spam sur votre site Web. J’aimerais entendre vos pens\u00e9es et suggestions dans la section des commentaires ci-dessous.<\/p>\n
Articles Li\u00e9s<\/h4>\n