{"id":29450,"date":"2021-06-16T16:47:00","date_gmt":"2021-06-16T13:47:00","guid":{"rendered":"https:\/\/themewp.inform.click\/?p=29450"},"modified":"2021-10-17T16:16:36","modified_gmt":"2021-10-17T13:16:36","slug":"una-guia-sobre-la-integracion-de-hcaptcha-con-php","status":"publish","type":"post","link":"https:\/\/themewp.inform.click\/es\/una-guia-sobre-la-integracion-de-hcaptcha-con-php\/","title":{"rendered":"Una gu\u00eda sobre la integraci\u00f3n de hCaptcha con PHP"},"content":{"rendered":"

Recientemente, uno de nuestros lectores pregunt\u00f3 sobre la integraci\u00f3n de hCapctha en un sitio web. El hCaptcha<\/a> es una buena alternativa al servicio Google reCAPTCHA. En este art\u00edculo, estudiamos c\u00f3mo se puede agregar hCapctha con PHP en su sitio web.<\/p>\n

Siempre se recomienda tener un captcha en los formularios del sitio web. Los spam son realmente malos y simplemente te frustran. Nunca querr\u00e1 perder su valioso tiempo eliminando comentarios falsos \/ innecesarios.<\/p>\n

Con hCaptcha, el usuario debe resolver los desaf\u00edos antes de enviar un formulario. Y su formulario debe continuar solo si el captcha pasa su verificaci\u00f3n. Al integrar captcha, evita que un mont\u00f3n de spam ingresen a la base de datos y su bandeja de entrada. Porque solo un humano real puede resolver los acertijos del captcha.<\/p>\n

Dicho esto, echemos un vistazo a la integraci\u00f3n de hCaptcha con PHP. Requiere verificar la respuesta de hCaptcha en el lado del servidor. Escribiremos el c\u00f3digo del lado del servidor usando tanto cURL como la biblioteca Guzzle. El usuario puede utilizar cualquiera de ellos.<\/p>\n

Empezando<\/h3>\n

Primero debe crear una cuenta con el servicio hCaptcha<\/a>. A diferencia de Google reCAPTCHA, puede utilizar claves hCaptcha directamente en su sitio web. No es necesario que registre su dominio con ellos.<\/p>\n

Pero si lo desea, puede agregar su dominio haciendo clic en el bot\u00f3n Nuevo sitio<\/strong>. Se abrir\u00e1 un formulario en el que debe pasar su dominio al campo Nombres de host.<\/p>\n

A continuaci\u00f3n, haga clic en el icono de configuraci\u00f3n de la tabla y tome la clave de su sitio.<\/p>\n

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

Para obtener la clave secreta, haga clic en la pesta\u00f1a ‘Configuraci\u00f3n’.<\/p>\n

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

Una vez que est\u00e9 listo con las llaves, debe seguir 2 pasos. Primero, agregue el hCaptcha en su formulario. Y luego valide la respuesta captcha en el lado del servidor.<\/p>\n

Creemos un formulario simple y agreguemos hCaptcha de la siguiente manera.<\/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
Aqu\u00ed hemos incluido la biblioteca JavaScript de hCaptcha y hemos agregado una clase h-captcha<\/code>al contenedor div. Tambi\u00e9n debe pasar la clave de su sitio al atributo de datos data-sitekey<\/strong>.<\/p>\n
Vuelva a cargar la p\u00e1gina y ahora deber\u00eda ver la casilla de verificaci\u00f3n hCaptcha agregada al formulario. Veamos ahora c\u00f3mo validar la respuesta captcha.<\/p>\n
Validar la respuesta de hCaptcha usando cURL<\/h3>\n
Cuando un usuario env\u00eda un formulario junto con un captcha, debe verificar la respuesta del captcha en el lado del servidor. Para la verificaci\u00f3n, debe enviar solicitudes POST al punto final de hCaptcha https:\/\/hcaptcha.com\/siteverify<\/code>. En la solicitud POST, los par\u00e1metros son clave secreta y h-captcha-response (que proviene del formulario enviado).<\/p>\n
En PHP, podemos usar tanto cURL como Guzzle para interactuar con el servidor externo. Al enviar solicitudes a trav\u00e9s de cURL, aseg\u00farese de que la extensi\u00f3n cURL est\u00e9 habilitada en su servidor.<\/p>\n
En caso de cURL, su c\u00f3digo ser\u00e1 el siguiente para verificar la respuesta de 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
Reemplace el marcador de posici\u00f3n con el valor real. En el c\u00f3digo anterior, estamos verificando si la success<\/code>variable es verdadera en la respuesta. Si es cierto, entonces el formulario es seguro para continuar.<\/p>\n
Validar la respuesta de hCaptcha usando Guzzle<\/h3>\n
Guzzle<\/a> es una alternativa a cURL. Le proporciona un c\u00f3digo mucho m\u00e1s limpio en comparaci\u00f3n con cURL. Si est\u00e1 utilizando Guzzle, no necesita tener una extensi\u00f3n cURL en su servidor.<\/p>\n
Para comenzar, primero debe instalar la biblioteca Guzzle en su proyecto. Ejecute el siguiente comando para la instalaci\u00f3n de una biblioteca.<\/p>\n
composer require guzzlehttp\/guzzle<\/code><\/pre>\n
Despu\u00e9s de esto, escriba el c\u00f3digo a continuaci\u00f3n que verificar\u00e1 la respuesta de hCAPTCHA utilizando la biblioteca 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
Espero que comprenda la integraci\u00f3n de hCaptcha con PHP usando cURL y Guzzle. Comparta sus pensamientos y sugerencias en la secci\u00f3n de comentarios a continuaci\u00f3n.<\/p>\n
Art\u00edculos relacionados<\/h4>\n