{"id":27849,"date":"2021-05-26T09:51:00","date_gmt":"2021-05-26T06:51:00","guid":{"rendered":"https:\/\/themewp.inform.click\/?p=27849"},"modified":"2021-10-18T04:09:12","modified_gmt":"2021-10-18T01:09:12","slug":"como-adicionar-eu-nao-sou-um-captcha-de-robo-no-laravel-forms","status":"publish","type":"post","link":"https:\/\/themewp.inform.click\/pt-pt\/como-adicionar-eu-nao-sou-um-captcha-de-robo-no-laravel-forms\/","title":{"rendered":"Como adicionar Eu n\u00e3o sou um captcha de rob\u00f4 no Laravel Forms"},"content":{"rendered":"

Voc\u00ea deseja adicionar o Google reCAPTCHA aos seus formul\u00e1rios do Laravel? O reCAPTCHA do Google ajuda a proteger os formul\u00e1rios contra bots que nos salvam de spams. Se voc\u00ea n\u00e3o est\u00e1 protegendo seus formul\u00e1rios, provavelmente est\u00e1 recebendo uma tonelada de spams no banco de dados.<\/p>\n

No momento em que este artigo foi escrito, o Google fornece 2 vers\u00f5es do reCAPTCHA – v2 e v3. O reCAPTCHA v3 coloca um \u00edcone no canto inferior direito de suas p\u00e1ginas e eles verificam as solicita\u00e7\u00f5es com uma pontua\u00e7\u00e3o. Por outro lado, o reCAPTCHA v2 verifica as solicita\u00e7\u00f5es com um desafio. Neste artigo, estudamos o reCAPTCHA v2 e validaremos as solicita\u00e7\u00f5es com a caixa de sele\u00e7\u00e3o “N\u00e3o sou um rob\u00f4".<\/p>\n

Por que precisa do Google reCAPTCHA?<\/h3>\n

Um bot da Internet \u00e9 um sistema que executa scripts automatizados na Internet. Eles direcionam os formul\u00e1rios do site para enviar spams para o banco de dados. Basicamente, esse sistema funciona a uma taxa muito mais alta do que os humanos sozinhos. Sempre queremos um ser humano de verdade para interagir com os formul\u00e1rios do nosso site, n\u00e3o um bot.<\/p>\n

Ao adicionar o Google reCAPTCHA, podemos proteger os formul\u00e1rios do nosso site contra esses bots da Internet, seus spams e abusos. \u00c9 imposs\u00edvel para um sistema automatizado resolver o desafio definido pelo reCAPTCHA. E seu formul\u00e1rio n\u00e3o ser\u00e1 enviado at\u00e9 que o desafio seja resolvido. Um humano pode facilmente resolver esses desafios e enviar um formul\u00e1rio.<\/p>\n

Configure o Google reCAPTCHA em seu site do Laravel<\/h3>\n

Para come\u00e7ar, primeiro voc\u00ea precisa registrar o site no Google<\/a>. Escolha a op\u00e7\u00e3o reCAPTCHA v2 e a caixa de sele\u00e7\u00e3o “N\u00e3o sou um rob\u00f4”, conforme mostrado na captura de tela abaixo.<\/p>\n

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

Ao registrar o site, copie a chave do site e a chave secreta que precisaremos em um momento.<\/p>\n

Temos que adicionar reCAPTCHA no projeto Laravel. Para realizar a tarefa, vou usar a biblioteca anhskohbo \/ no-captcha<\/a>.<\/p>\n

Abra o prompt de comando no diret\u00f3rio raiz do seu projeto e execute o comando:<\/p>\n

composer require anhskohbo\/no-captcha<\/code><\/pre>\n
Abra o arquivo ‘config \/ app.php’ e adicione a linha abaixo ao array ‘Provedores’.<\/p>\n
AnhskohboNoCaptchaNoCaptchaServiceProvider::class,<\/code><\/pre>\n
Adicione o alias da classe \u00e0 matriz de aliases:<\/p>\n
'NoCaptcha' => AnhskohboNoCaptchaFacadesNoCaptcha::class,<\/code><\/pre>\n
Publique o arquivo de configura\u00e7\u00e3o usando o comando:<\/p>\n
php artisan vendor:publish --provider=\"AnhskohboNoCaptchaNoCaptchaServiceProvider\"<\/code><\/pre>\n
Em seguida, abra o .env<\/code>arquivo e especifique as chaves reCAPTCHA da seguinte maneira.<\/p>\n
NOCAPTCHA_SECRET=secret-key\nNOCAPTCHA_SITEKEY=site-key<\/code><\/pre>\n
Certifique-se de substituir os marcadores de chave secreta e chave do site pelos valores reais.<\/p>\n
Limpe o cache de configura\u00e7\u00e3o executando o comando abaixo.<\/p>\n
php artisan config:clear <\/code><\/pre>\n
Adicionando Google reCAPTCHA ao formul\u00e1rio no Laravel<\/h3>\n
Neste est\u00e1gio, voc\u00ea concluiu a configura\u00e7\u00e3o b\u00e1sica necess\u00e1ria para o reCAPTCHA. Agora vamos escrever algum c\u00f3digo e coloc\u00e1-lo em a\u00e7\u00e3o.<\/p>\n
Abra o arquivo de visualiza\u00e7\u00e3o onde deseja adicionar a caixa de sele\u00e7\u00e3o N\u00e3o sou um rob\u00f4. Na parte superior do arquivo blade, inicialize a fonte JS da seguinte maneira:<\/p>\n
{!! NoCaptcha::renderJs() !!}<\/code><\/pre>\n
Adicione a instru\u00e7\u00e3o de linha \u00fanica abaixo no local onde deseja exibir a caixa de sele\u00e7\u00e3o reCAPTCHA. O melhor lugar \u00e9 antes do bot\u00e3o enviar.<\/p>\n
{!! NoCaptcha::display() !!}<\/code><\/pre>\n
Como exemplo, vamos criar um formul\u00e1rio com poucos campos e adicionar reCAPTCHA a ele usando o c\u00f3digo abaixo.<\/p>\n
{!! NoCaptcha::renderJs() !!}\n\u00a0\n@if ($errors->has('g-recaptcha-response'))\n\u00a0\u00a0\u00a0\u00a0<span class=\"help-block\">\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<strong>{{ $errors->first('g-recaptcha-response') }}<\/strong>\n\u00a0\u00a0\u00a0\u00a0<\/span>\n@endif\n<form action=\"{{ url('ROUTE_HERE') }}\" method=\"post\">\n\u00a0\u00a0\u00a0\u00a0<p>Name: <input type=\"text\" name=\"fullname\" \/><\/p>\n\u00a0\u00a0\u00a0\u00a0<p>Email: <input type=\"email\" name=\"email\" \/><\/p>\n\u00a0\u00a0\u00a0\u00a0<p>Message: <textarea name=\"message\"><\/textarea><\/p>\n\u00a0\u00a0\u00a0\u00a0{!! NoCaptcha::display() !!}\n\u00a0\u00a0\u00a0\u00a0{{ csrf_field() }}\n\u00a0\u00a0\u00a0\u00a0<p><input type=\"submit\" name=\"submit\" value=\"Submit\" \/><\/p>\n<\/form><\/code><\/pre>\n
Depois de adicionar as linhas acima, voc\u00ea ver\u00e1 o reCAPTCHA aparecer como mostrado na captura de tela abaixo.<\/p>\n
\"Como<\/a><\/p>\n
No c\u00f3digo acima, tamb\u00e9m adicionei um c\u00f3digo que exibe um erro se ocorrer na valida\u00e7\u00e3o de um reCAPTCHA.<\/p>\n
Agora, temos que validar o reCAPTCHA no envio do formul\u00e1rio. Para conseguir isso, vou usar o Validador Laravel da<\/a> seguinte maneira.<\/p>\n
<?php\n\u00a0\nnamespace AppHttpControllers;\n\u00a0\nuse IlluminateHttpRequest;\nuse IlluminateSupportFacadesValidator;\n\u00a0\nclass ContactController extends Controller\n{\n\u00a0\u00a0\u00a0\u00a0...\n\u00a0\u00a0\u00a0\u00a0...\n\u00a0\u00a0\u00a0\u00a0public function store(Request $request)\n\u00a0\u00a0\u00a0\u00a0{\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0$messages = [\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0'g-recaptcha-response.required' => 'You must check the reCAPTCHA.',\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0'g-recaptcha-response.captcha' => 'Captcha error! try again later or contact site admin.',\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0];\n\u00a0\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0$validator = Validator::make($request->all(), [\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0'g-recaptcha-response' => 'required|captcha'\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0], $messages);\n\u00a0\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0if ($validator->fails()) {\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0return redirect('ROUTE_HERE')\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0->withErrors($validator)\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0->withInput();\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0}\n\u00a0\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\/\/ process the form\n\u00a0\u00a0\u00a0\u00a0}\u00a0\u00a0 \n}<\/code><\/pre>\n
Aqui, inclu\u00ed o ‘Validador’ de fachada e a valida\u00e7\u00e3o de um reCAPTCHA no m\u00e9todo ‘armazenar’. Se falhar na valida\u00e7\u00e3o, ele gerar\u00e1 um erro.<\/p>\n
\u00c9 isso! Voc\u00ea adicionou com sucesso o reCAPTCHA v2 com a caixa de sele\u00e7\u00e3o N\u00e3o sou um rob\u00f4 ao formul\u00e1rio do Laravel. Agora, seu formul\u00e1rio n\u00e3o ser\u00e1 enviado at\u00e9 que o visitante resolva o desafio reCAPTCHA.<\/p>\n
Artigos relacionados<\/h4>\n