Como colocar CAPTCHA no seu formulário em 3 passos

Para deixar seu formulário mais seguro contra ataques vamos utilizar o CAPTCHA do Google, o reCAPTCHA, é fácil, rápido e fica bem profissional, vamos fazer isso em três passos!

1º PASSO: Criando os códigos junto ao Google.

Acesse o link https://www.google.com/recaptcha/admin, será necessário ter uma conta Google. Você tem que adicionar o domínio do seu formulário e escolher “reCAPTCHA v2”, aceite os termos e clique em enviar. Serão criadas duas chaves como na figura a seguir, precisaremos dela nos próximos passos.

2º PASSO: Linhas de código para instalação na página – PARTE PHP

Atenção ao código abaixo. Todo esse processo é no incio do seu PHP para determinar as variáveis necessárias para o funcionamento da checagem e a checagem propriamente dita, que damos com sugestão colocar depois das checagens dos campos do seu formulário.

//Inclui a classe do reCAPTCHA
//Está disponível pelo Google ou aqui no final do artigo
require_once "recaptchalib.php";

//Entra com a chave secreta.
//Não altere o nome da variável pois ela é utilizada na classe
$secret = "COLOCAR A SEGUNDA CHAVE GERADA NO PASSO ANTERIOR";

// verificar a chave secreta
$response = null;
$reCaptcha = new ReCaptcha($secret);

if ($_POST["g-recaptcha-response"])
{
    $response = $reCaptcha->verifyResponse($_SERVER["REMOTE_ADDR"], $_POST["g-recaptcha-response"]);
}

//Recebe o post da sua página com os campos
//É só uma sugestão de funcionamento para você entender
if (isset($_POST['nomedocampo']))
	{
		$erro = 0;
		//Trata os campos do seu formulário primeiro
		//Se estiver tudo certo com os campos faz a gravação
                //Depois testa o CAPTCHA com a rotina abaixo
		if ($response != null && $response->success && $erro == 0)
                   {
			//Faz as gravações e segue com o processo da página
                   };
         };	

3º PASSO: Linhas de código para funcionar o formulário – PARTE HTML

//Essa vai no cabeçalho da página entre <head></head>
<script src='https://www.google.com/recaptcha/api.js?hl=pt-BR'></script>

//E finalmente o campo do reCAPTCHA no formulário
<div class="g-recaptcha" data-sitekey="AQUI VAI A PRIMEIRA CHAVE DO PRIMEIRO PASSO - CHAVE DO SITE"></div>

Faça download da classe: http://clubedainformatica.com.br/download/recaptchalib.php

Compatilhe esse artigo!

Deixe uma resposta

O seu endereço de e-mail não será publicado. Campos obrigatórios são marcados com *

Esse site utiliza o Akismet para reduzir spam. Aprenda como seus dados de comentários são processados.