{"id":25926,"date":"2021-06-16T15:59:00","date_gmt":"2021-06-16T12:59:00","guid":{"rendered":"https:\/\/themewp.inform.click\/?p=25926"},"modified":"2021-10-18T02:03:51","modified_gmt":"2021-10-17T23:03:51","slug":"un-guide-sur-l-integration-de-hcaptcha-avec-php","status":"publish","type":"post","link":"https:\/\/themewp.inform.click\/fr\/un-guide-sur-l-integration-de-hcaptcha-avec-php\/","title":{"rendered":"Un guide sur l’int\u00e9gration de hCaptcha avec PHP"},"content":{"rendered":"

R\u00e9cemment, l’un de nos lecteurs a pos\u00e9 des questions sur l’int\u00e9gration de hCapctha sur un site Web. Le hCaptcha<\/a> est une belle alternative au service Google reCAPTCHA. Dans cet article, nous \u00e9tudions comment ajouter hCapctha avec PHP sur leur site Web.<\/p>\n

Il est toujours recommand\u00e9 d’avoir un captcha sur les formulaires du site. Les spams sont vraiment mauvais et cela vous frustre. Vous ne souhaitez jamais perdre votre temps pr\u00e9cieux \u00e0 effacer des commentaires faux\/inutiles.<\/p>\n

En utilisant hCaptcha, l’utilisateur doit r\u00e9soudre les d\u00e9fis avant de soumettre un formulaire. Et votre formulaire ne devrait continuer que si le captcha r\u00e9ussit sa v\u00e9rification. En int\u00e9grant le captcha, il \u00e9vite \u00e0 une tonne de spams d’entrer dans la base de donn\u00e9es et votre bo\u00eete de r\u00e9ception. Parce que seul un vrai humain peut r\u00e9soudre les \u00e9nigmes du captcha.<\/p>\n

Cela dit, jetons un coup d’\u0153il \u00e0 l’int\u00e9gration de hCaptcha avec PHP. Il n\u00e9cessite de v\u00e9rifier la r\u00e9ponse hCaptcha c\u00f4t\u00e9 serveur. Nous \u00e9crirons le code c\u00f4t\u00e9 serveur en utilisant \u00e0 la fois cURL et la biblioth\u00e8que Guzzle. L’utilisateur peut utiliser n’importe lequel d’entre eux.<\/p>\n

Commencer<\/h3>\n

Vous devez d’abord cr\u00e9er un compte avec le service hCaptcha<\/a>. Contrairement \u00e0 Google reCAPTCHA, vous pouvez utiliser les cl\u00e9s hCaptcha directement sur votre site Web. Vous n’avez pas besoin d’enregistrer votre domaine avec eux.<\/p>\n

Mais si vous le souhaitez, vous pouvez ajouter votre domaine en cliquant sur le bouton Nouveau site<\/strong>. Cela ouvrira un formulaire dans lequel vous devrez transmettre votre domaine au champ Hostnames.<\/p>\n

Ensuite, cliquez sur l’ic\u00f4ne des param\u00e8tres dans le tableau et r\u00e9cup\u00e9rez la cl\u00e9 de votre site.<\/p>\n

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

Pour r\u00e9cup\u00e9rer la cl\u00e9 secr\u00e8te, cliquez sur l’onglet "Param\u00e8tres".<\/p>\n

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

Une fois que vous \u00eates pr\u00eat avec les cl\u00e9s, il y a 2 \u00e9tapes \u00e0 suivre. Tout d’abord, ajoutez le hCaptcha sur votre formulaire. Et puis validez la r\u00e9ponse captcha c\u00f4t\u00e9 serveur.<\/p>\n

Cr\u00e9ons un formulaire simple et ajoutons-y hCaptcha comme suit.<\/p>\n

<form action=\"\" method=\"POST\">\n\u00a0\u00a0\u00a0\u00a0<input type=\"text\" name=\"email\" placeholder=\"Email\" \/>\n\u00a0\u00a0\u00a0\u00a0<input type=\"password\" name=\"password\" placeholder=\"Password\" \/>\n\u00a0\u00a0\u00a0\u00a0<div class=\"h-captcha\" data-sitekey=\"YOUR_SITE_KEY\"><\/div>\n\u00a0\u00a0\u00a0\u00a0<br \/>\n\u00a0\u00a0\u00a0\u00a0<input type=\"submit\" name=\"submit\" value=\"Submit\" \/>\n<\/form>\n<script src=\"https:\/\/hcaptcha.com\/1\/api.js\" async defer><\/script><\/code><\/pre>\n
Ici, nous avons inclus la biblioth\u00e8que JavaScript de hCaptcha et ajout\u00e9 une classe h-captcha<\/code>au conteneur div. Vous devez \u00e9galement transmettre votre cl\u00e9 de site \u00e0 l’attribut de donn\u00e9es data-sitekey<\/strong>.<\/p>\n
Rechargez la page et vous devriez maintenant voir la case \u00e0 cocher hCaptcha ajout\u00e9e au formulaire. Voyons maintenant comment valider la r\u00e9ponse captcha.<\/p>\n
Valider la r\u00e9ponse hCaptcha \u00e0 l’aide de cURL<\/h3>\n
Lorsqu’un utilisateur soumet un formulaire avec un captcha, vous devez v\u00e9rifier la r\u00e9ponse captcha c\u00f4t\u00e9 serveur. Pour v\u00e9rification, vous devez envoyer des requ\u00eates POST au point de terminaison du hCaptcha https:\/\/hcaptcha.com\/siteverify<\/code>. Dans la requ\u00eate POST, les param\u00e8tres sont la cl\u00e9 secr\u00e8te et h-captcha-response (qui provient du formulaire soumis).<\/p>\n
En PHP, nous pouvons utiliser \u00e0 la fois cURL et Guzzle pour interagir avec le serveur externe. Lors de l’envoi de requ\u00eates via cURL, assurez-vous que l’extension cURL est activ\u00e9e sur votre serveur.<\/p>\n
En cas de cURL, votre code sera le suivant pour v\u00e9rifier la r\u00e9ponse hCaptcha.<\/p>\n
<?php\nif (isset($_POST['submit'])) {\n\u00a0\u00a0\u00a0\u00a0$data = array(\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0'secret' => \"YOUR_SECRET_KEY\",\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0'response' => $_POST['h-captcha-response']\n\u00a0\u00a0\u00a0\u00a0);\n\u00a0\u00a0\u00a0\u00a0$ch = curl_init();\n\u00a0\u00a0\u00a0\u00a0curl_setopt($ch, CURLOPT_URL, \"https:\/\/hcaptcha.com\/siteverify\");\n\u00a0\u00a0\u00a0\u00a0curl_setopt($ch, CURLOPT_POST, true);\n\u00a0\u00a0\u00a0\u00a0curl_setopt($ch, CURLOPT_POSTFIELDS, http_build_query($data));\n\u00a0\u00a0\u00a0\u00a0curl_setopt($ch, CURLOPT_RETURNTRANSFER, true);\n\u00a0\u00a0\u00a0\u00a0$response = curl_exec($ch);\n\u00a0\u00a0\u00a0\u00a0$responseData = json_decode($response);\n\u00a0\u00a0\u00a0\u00a0if($responseData->success) {\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\/\/ proceed the form\n\u00a0\u00a0\u00a0\u00a0} else {\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0echo 'Robot verification failed, please try again.';\n\u00a0\u00a0\u00a0\u00a0}\n}\n?><\/code><\/pre>\n
Remplacez l’espace r\u00e9serv\u00e9 par la valeur r\u00e9elle. Dans le code ci-dessus, nous v\u00e9rifions si la success<\/code>variable est vraie dans la r\u00e9ponse. Si c’est vrai, le formulaire peut continuer en toute s\u00e9curit\u00e9.<\/p>\n
Valider la r\u00e9ponse hCaptcha \u00e0 l’aide de Guzzle<\/h3>\n
Guzzle<\/a> est une alternative \u00e0 cURL. Il vous fournit un code beaucoup plus propre par rapport \u00e0 cURL. Si vous utilisez Guzzle, vous n’avez pas besoin d’avoir une extension cURL sur votre serveur.<\/p>\n
Pour commencer, vous devez d’abord installer la biblioth\u00e8que Guzzle dans votre projet. Ex\u00e9cutez la commande ci-dessous pour l’installation d’une biblioth\u00e8que.<\/p>\n
composer require guzzlehttp\/guzzle<\/code><\/pre>\n
Apr\u00e8s cela, \u00e9crivez le code ci-dessous qui v\u00e9rifiera la r\u00e9ponse hCAPTCHA \u00e0 l’aide de la biblioth\u00e8que Guzzle.<\/p>\n
<?php\nrequire_once 'vendor\/autoload.php';\n\u00a0\nuse GuzzleHttpClient;\n\u00a0\nif (isset($_POST['submit'])) {\n\u00a0\n\u00a0\u00a0\u00a0\u00a0$client = new Client([\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\/\/ Base URI is used with relative requests\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0'base_uri' => 'https:\/\/hcaptcha.com',\n\u00a0\u00a0\u00a0\u00a0]);\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\n\u00a0\u00a0\u00a0\u00a0$response = $client->request('POST', '\/siteverify', [\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0'form_params' => [\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0'secret' => \"YOUR_SECRET_KEY\",\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0'response' => $_POST['h-captcha-response']\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0]\n\u00a0\u00a0\u00a0\u00a0]);\n\u00a0\n\u00a0\u00a0\u00a0\u00a0$body = $response->getBody();\n\u00a0\u00a0\u00a0\u00a0$arr_body = json_decode($body);\n\u00a0\u00a0\u00a0\u00a0if($arr_body->success) {\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\/\/ proceed the form\n\u00a0\u00a0\u00a0\u00a0} else {\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0echo 'Robot verification failed, please try again.';\n\u00a0\u00a0\u00a0\u00a0}\n}\n?><\/code><\/pre>\n
J’esp\u00e8re que vous comprenez l’int\u00e9gration de hCaptcha avec PHP en utilisant cURL et Guzzle. S’il vous pla\u00eet partager vos pens\u00e9es et suggestions dans la section commentaires ci-dessous.<\/p>\n
Articles Li\u00e9s<\/h4>\n