reCaptcha do Google – passo a passo com AngularJS e PHP – Aula 1 (FrontEnd) – SW9
Olá a todos.
A partir de hoje estarei apresentando uma nova série agora para falar de um tema bem interessante.
O tema da vez é o captcha. De acordo com a definição existente no site wikipedia, o captcha nada mais é do que “um teste de desafio cognitivo, utilizado como ferramenta anti-spam para diferenciação entre computadores e humanos”.
Seguindo nesta linha, eu acredito que a maioria de vocês já deve ter visto um Widget (componente visual) que aparece nos formulários web para validar determinada situação antes de submeter o formulário.
Pois é, este recurso existe para evitar que robôs façam submissão de formulários de forma não autorizada.
Estas submissões não autorizadas são consideradas SPAM e podem prejudicar a segurança e a estabilidade de seu site ou App Web.
Um tipo comum de CAPTCHA requer que o usuário identifique as letras de uma imagem distorcida, às vezes com a adição de uma sequência obscurecida das letras ou dos dígitos que apareça na tela.
Atualmente, o reCAPTCHA é recomendado pelos criadores de CAPTCHA como a implementação oficial.
Existem diversas formas e componentes para implementação de captcha. Neste artigo vou explicar passo a passo como ativar, configurar e utilizar o serviço de captcha do Google o famoso reCaptcha.
O reCaptcha é um sistema de caixa de diálogo para usuário originalmente desenvolvido na Universidade Carnegie Mellon. Mas em 16 de setembro de 2009 (Fonte Wikipedia)
foi adquirida pelo Google.
Ele possui uma API que nos permite implantá-lo de forma simples e rápida e com isso tentar minimizar os riscos de segurança e estabilidade do site ou App.
Nesta série eu vou explicar passo a passo como implementar a versão mais recente do reCaptcha, aquela que exibe o texto [I am not a robot] e no lado esquerdo deste texto existe um botão que deve ser clicado pelo usuário.
Para este primeiro vídeo vou explicar passo a passo como ativar, configurar o recaptcha e construção do formulário para exibição do widget.
Já no segundo vídeo vou explicar como implantar o recaptcha do lado do servidor para validá-lo e em seguida autorizar o post do formulário.
Deixarei um link para acesso ao código fonte parcial no final da descrição.
Eu espero que gostem deste primeiro vídeo da série. Se gostaram, por favor cliquem em gostei, compartilhem o vídeo e se inscrevem no canal para receberem as novidades em primeira mão.
Links de interesse:
Código Fonte: http://blog.sw9.com.br/acesso-area-de-downloads/
Meu Blog: http://blog.sw9.com.br
Meu GitHub: https://sw9brl.github.io/MyGitHubPage
Que tal me pagar um café :-)
Uma pequena quantidade de café foi consumida durante a produção de um post + vídeo. Se puder, contribua adicionando mais combustível para que eu tenha condições de seguir em frente.
Brincadeiras à parte, o valor selecionado é multiplicado por 2 (x2) que representa a multiplicação de minha dedicação a cada contribuição que recebo.
Deixe um comentário