Integrando o Google Recaptcha em um site Asp.Net MVC

Para disponibilizar os pacotes NuGet para sua Solution, abra o projeto onde deseja implementar o Google Recaptcha, clique no menu Tools, aponte para Nuget Package Manager, e selecione Manage NuGet Package for Solution para abrir o gerenciador de pacotes.

Pesquise por GoogleRecaptcha e instale os dois pacotes ilustrados abaixo.

pacotes-GoogleRecaptcha.png

Em seguida, inclua a referência para o GoogleRecaptchaMvc no HTML da página onde o captcha será utilizado, como ilustrado abaixo:

using-GoogleRecaptcha.png

Renderize a interface gráfica do captcha utilizando o Helper MVC, passando sua chave pública do Google Recaptcha como parâmetro. Veja o exemplo a seguir:

@Html.RecaptchaV2(“SuaChavePública”)

Insira a linha acima dentro da tag Form, na posição onde deseja que o componente seja apresentado, frequentemente abaixo do botão que submete o formulário.

Sua chave pública para utilizar o Google Recaptcha é criada e mantida em https://www.google.com/recaptcha/.

Referencie à biblioteca recaptcha/api.js depois da referência às bibliotecas jQuery, jQueryUI e outras bibliotecas Javascript que esteja utilizando em seu site.

Instancie IRecaptcha com sua chave secreta no método de tratamento do Postback do formulário. Em seguida, utilize o método Verify() para obter o resultado da verificação, e seguir com o fluxo adequado. Veja abaixo:

verificacao-resultado-GoogleRecaptcha.png

Em seguida, inclua a chave CaptchaSecretKey e sua chave secreta no arquivo Web.config, como exemplificado.

<add key=”CaptchaSecretKey” value=”6LvDfh…” />

O método Verify(), descrito anteriormente, utiliza as informações desta chave de configuração no momento que faz a validação.

Você pode obter mais detalhes em:


https://developers.google.com/recaptcha/docs/display#explicit_render
https://developers.google.com/recaptcha/docs/display#example
https://github.com/congdongdotnet/GoogleRecaptcha/blob/master/README.md
https://www.google.com/recaptcha/admin





Eryx Guimarães

Eryx Guimarães desenvolve e mantém soluções para empreendimentos na web.

Entre em Contato

Contato