{"id":29248,"date":"2021-06-11T15:55:00","date_gmt":"2021-06-11T12:55:00","guid":{"rendered":"https:\/\/themewp.inform.click\/?p=29248"},"modified":"2021-10-17T16:20:30","modified_gmt":"2021-10-17T13:20:30","slug":"uso-de-google-recaptcha-en-los-formularios-de-su-sitio-web-con-php","status":"publish","type":"post","link":"https:\/\/themewp.inform.click\/es\/uso-de-google-recaptcha-en-los-formularios-de-su-sitio-web-con-php\/","title":{"rendered":"Uso de Google reCAPTCHA en los formularios de su sitio web con PHP"},"content":{"rendered":"

\u00bfEst\u00e1 buscando integrar Google reCAPTCHA en su sitio web? Google proporciona un servicio reCAPTCHA que agrega la casilla de verificaci\u00f3n "No soy un robot" en su formulario para validar a los usuarios. Este reCAPTCHA protege sus formularios contra bots. En este art\u00edculo, estudiamos c\u00f3mo agregar y validar Google reCAPTCHA en un sitio web usando PHP .<\/p>\n

La protecci\u00f3n de su base de datos contra el spam es una parte crucial de cualquier sitio web. Hoy en d\u00eda, muchos bots env\u00edan continuamente datos falsos a trav\u00e9s de formularios de sitios web. Al agregar reCAPTCHA en el sitio web, nos ayudar\u00e1 a detener registros de spam, comentarios, idiomas abusivos, etc.<\/p>\n

Google reCAPTCHA est\u00e1 dise\u00f1ado para averiguar si una solicitud entrante es de un humano real o de un bot.<\/p>\n

Dicho esto, veamos una gu\u00eda paso a paso sobre c\u00f3mo agregar y validar reCAPTCHA en su sitio web.<\/p>\n

Nota:<\/strong> En el pasado, hemos escrito un art\u00edculo sobre c\u00f3mo agregar reCAPTCHA en formularios de Laravel. Si alguien est\u00e1 buscando integrar reCAPTCHA en Laravel, lea el art\u00edculo Agregar Google reCAPTCHA en los formularios del sitio web de Laravel<\/a>.<\/p>\n

Registre el sitio y obtenga claves API<\/h3>\n

Al principio, debe registrar su sitio aqu\u00ed: <\/a>https:\/\/www.google.com\/recaptcha\/admin<\/a>. Elija las opciones para reCAPTCHA v2 y la casilla de verificaci\u00f3n "No soy un robot" como se muestra en la captura de pantalla.<\/p>\n

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

Si tiene la intenci\u00f3n de probarlo en un servidor local, utilice la cadena ‘localhost’ en el campo de dominio.<\/p>\n

Al completar el formulario anterior, obtendr\u00e1 la clave del sitio y la clave secreta.<\/p>\n

Integrar Google reCAPTCHA<\/h3>\n

Ya est\u00e1 listo con sus claves de API reCAPTCHA. A continuaci\u00f3n, instale esta biblioteca de GitHub<\/a> que permite agregar y validar reCAPTCHA. La forma recomendada de instalar esta biblioteca es a trav\u00e9s de Composer<\/a>.<\/p>\n

Abra la terminal en el directorio ra\u00edz de su proyecto y ejecute el comando:<\/p>\n

composer require anhskohbo\/no-captcha<\/code><\/pre>\n
Despu\u00e9s de instalar la biblioteca, podemos agregar el reCAPTCHA en nuestro formulario usando los m\u00e9todos proporcionados en la biblioteca.<\/p>\n
Por ejemplo, creemos un formulario que tenga campos como correo electr\u00f3nico, reCAPTCHA y un bot\u00f3n de env\u00edo.<\/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
Aseg\u00farese de reemplazar los marcadores de posici\u00f3n con los valores reales. En el c\u00f3digo anterior, la funci\u00f3n $captcha->display()<\/code>muestra la casilla de verificaci\u00f3n "No soy un robot". El m\u00e9todo $captcha->renderJs()<\/code>incluye el archivo JS requerido de reCAPTCHA.<\/p>\n
Ahora, para validar al usuario, escriba el siguiente c\u00f3digo en el env\u00edo del formulario.<\/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
Entonces nuestro c\u00f3digo final es el siguiente.<\/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
\u00a1Eso es! Espero que conozca la integraci\u00f3n de Google reCAPTCHA en los formularios de su sitio web. Comparta sus pensamientos y sugerencias en la secci\u00f3n de comentarios a continuaci\u00f3n.<\/p>\n
Art\u00edculos relacionados<\/h4>\n