{"id":28145,"date":"2021-06-03T17:42:00","date_gmt":"2021-06-03T14:42:00","guid":{"rendered":"https:\/\/themewp.inform.click\/?p=28145"},"modified":"2021-10-18T04:04:56","modified_gmt":"2021-10-18T01:04:56","slug":"integre-o-recaptcha-invisivel-do-google-com-php","status":"publish","type":"post","link":"https:\/\/themewp.inform.click\/pt-pt\/integre-o-recaptcha-invisivel-do-google-com-php\/","title":{"rendered":"Integre o reCAPTCHA invis\u00edvel do Google com PHP"},"content":{"rendered":"

Adicionar captcha aos formul\u00e1rios do site \u00e9 necess\u00e1rio hoje em dia. Caso contr\u00e1rio, sua caixa de entrada e banco de dados se enchem de toneladas de spams. S\u00f3 desperdi\u00e7a nosso tempo limpando e-mails e tamb\u00e9m ocupa espa\u00e7o extra no banco de dados do servidor.<\/p>\n

O reCAPTCHA do Google \u00e9 a melhor maneira de proteger seus formul\u00e1rios contra os bots. Usando o reCAPTCHA, voc\u00ea continuar\u00e1 com seus formul\u00e1rios apenas se houver intera\u00e7\u00f5es humanas reais.<\/p>\n

Neste artigo, estudamos como integrar o reCAPTCHA invis\u00edvel do Google aos formul\u00e1rios do seu site com PHP. No caso do reCAPTCHA invis\u00edvel, seus visitantes n\u00e3o precisam resolver quebra-cabe\u00e7as. Ele precisa validar a solicita\u00e7\u00e3o em segundo plano no lado do servidor.<\/p>\n

Registre o site e obtenha chaves de API<\/h3>\n

Para come\u00e7ar, registre seu site aqui – <\/a>https:\/\/www.google.com\/recaptcha\/admin<\/a>.<\/p>\n

Escolha uma op\u00e7\u00e3o ‘Emblema reCAPTCHA invis\u00edvel’ em ‘reCAPTCHA v2’.<\/p>\n

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

Adicione seu dom\u00ednio da mesma forma. Voc\u00ea pode inserir quantos dom\u00ednios desejar. Para um servidor local, adiciona o dom\u00ednio como localhost. Ao enviar um formul\u00e1rio, voc\u00ea obter\u00e1 as chaves de API. Copie essas chaves. Ser\u00e1 necess\u00e1rio nas pr\u00f3ximas etapas.<\/p>\n

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

Integre o reCAPTCHA invis\u00edvel do Google<\/h3>\n

Para adicionar um reCAPTCHA invis\u00edvel no formul\u00e1rio, \u00e9 necess\u00e1ria uma abordagem um pouco diferente. Temos que passar os atributos de dados para o bot\u00e3o e enviar o formul\u00e1rio usando JavaScript da seguinte maneira.<\/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
Este c\u00f3digo adiciona o reCAPTCHA invis\u00edvel ao seu formul\u00e1rio. Se voc\u00ea recarregar a p\u00e1gina, ver\u00e1 o logotipo reCAPTCHA no canto inferior direito da p\u00e1gina.<\/p>\n
Aqui, passamos a chave do site reCAPTCHA para o atributo ‘data-sitekey’ e o nome do m\u00e9todo ‘submitForm’ para o atributo ‘data-callback’. Quando o usu\u00e1rio clica no bot\u00e3o, ele chama o m\u00e9todo de retorno de chamada que envia um formul\u00e1rio usando JavaScript.<\/p>\n
Agora, \u00e9 hora de valida\u00e7\u00e3o do lado do servidor. Verificaremos o valor da resposta reCAPTCHA em rela\u00e7\u00e3o ao URL da API do Google da seguinte maneira.<\/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
Quando um ser humano real envia seu formul\u00e1rio, ele gera uma resposta reCAPTCHA que, em seguida, o c\u00f3digo acima verifica com a API do Google. Se o formul\u00e1rio for enviado por meio de bots, a verifica\u00e7\u00e3o acima falhar\u00e1. Voc\u00ea deve prosseguir com o formul\u00e1rio apenas no caso de uma resposta bem-sucedida.<\/p>\n
Nosso c\u00f3digo final \u00e9 o seguinte.<\/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
\u00c9 isso! Desfrute de formul\u00e1rios gratuitos de spam em seu site. Eu gostaria de ouvir seus pensamentos e sugest\u00f5es na se\u00e7\u00e3o de coment\u00e1rios abaixo.<\/p>\n
Artigos relacionados<\/h4>\n