0 Compartilhamentos 116 Views

Cadastro sem senha e formulários de login com verificação de telefone

12 de novembro de 2018

Com certeza você já se deparou com aquele serviço de autenticação por meio de código enviado através de um SMS para o seu celular.

Sem dúvida essa forma de autenticação é muito prática e eficiente. Mas como fazer para disponibilizá-la no sistema que você está desenvolvendo?

Existe um serviço pronto para ser utilizado, e sua implementação é muito simples e rápida. Seu nome é RingCaptcha, e com ele você poderá adicionar, em minutos, um cadastro sem senha em seu site ou aplicativo.

Antes de vermos o código, vamos a alguns links bem úteis para os desenvolvedores.

Links de teste

Site de teste para formulários de cadastro e login:

Observação: é preciso ser cadastrado no site para poder realizar todos os testes.

A própria ferramenta já disponibiliza alguns códigos que podem ser vistos através de um link do JSFiddle.

Passo a passo

Para o funcionamento do RingCaptcha você irá precisar de dois arquivos .js. O já conhecido JQuery e RingCaptcha JS. Eles poderão ser importados através dos links:

1. Crie um app na RingCaptcha

Faça seu cadastro na RingCaptcha em https://my.ringcaptcha.com/register

Vá para https://my.ringcaptcha.com/apps e clique em “Create App”

Selecione ‘web’ como tipo de app. Adicione o nome do domínio do site onde os formulários estarão. Clique em ‘Create App’

Clique no ícone de ‘Customize’

Clique na aba ‘Advanced’ e marque “Enable User Management Integration’. Clique em ‘Save Changes’.

Dessa forma você conseguirá a primeira chave do aplicativo, que será utilizada no segundo passo. Para conseguir sua segunda chave de aplicativo, envie uma mensagem para o time da RingCaptcha pelo chat ao vivo no site https://ringcaptcha.com/

Assim que você receber sua segunda chave da RingCaptcha você estará pronto para seguir para o passo 2.

2. Adicione as chaves do app em seus formulários de cadastro e login

Para criar o formulário de cadastro utilizaremos o seguinte código. Será apenas necessário substituir o valor da variável appKey, pela primeira chave do app conseguida no site do RingCaptcha.

Para criação do formulário de login, utilizaremos o seguinte código.

Não se esqueça, de mais uma vez, substituir os valores das variáveis appKey e userManagementAppId, sendo a appKey pela primeira chave conseguida no site e a userManagementAppId pela chave conseguida através do chat.

3. Adicione os formulários em suas páginas de cadastro e login

Adicione os snippets de código do cadastro e login do Passo 2 e o HTML a seguir às páginas de cadastro e login de seu site, respectivamente.

Você pode se interessar

Manifesto Ágil: Retrospectivas Lúdicas
Artigos
7 visualizações
Artigos
7 visualizações

Manifesto Ágil: Retrospectivas Lúdicas

Plataformatec - 14 de janeiro de 2019

Há alguns anos, quando tive os meus primeiros contatos práticos com os métodos ágeis, conheci e participei pela primeira vez (como ouvinte) de um famoso evento do universo ágil: Retrospectivas. Após duas horas de reunião, entendi (equivocadamente, por sinal) que essa reunião tinha dois grandes objetivos: escutar as pessoas elogiando algumas características da última entrega do […]

Agile // Dicionário do Programador
Vídeos
1,655 compartilhamentos6,805 visualizações
Vídeos
1,655 compartilhamentos6,805 visualizações

Agile // Dicionário do Programador

Thais Cardoso de Mello - 14 de janeiro de 2019

Agile é o termo falado nesse Dicionário do Programador, conheça mais sobre o assunto.

Promoções de Jogos do Final de Semana (11/01)
Notícias
16 visualizações
Notícias
16 visualizações

Promoções de Jogos do Final de Semana (11/01)

Carlos L. A. da Silva - 11 de janeiro de 2019

Confira as melhores ofertas de jogos de PC para o final de semana.

Deixe um Comentário

Your email address will not be published.

Mais publicações

God of War: segredos dos bastidores do melhor jogo de 2018
Artigos
15 visualizações
15 visualizações

God of War: segredos dos bastidores do melhor jogo de 2018

Carlos L. A. da Silva - 11 de janeiro de 2019
As 5 Melhores Linguagens para 2019 // Vlog #86
Vídeos
1,655 compartilhamentos6,813 visualizações
1,655 compartilhamentos6,813 visualizações

As 5 Melhores Linguagens para 2019 // Vlog #86

Thais Cardoso de Mello - 10 de janeiro de 2019
Como acessar fotos curtidas por qualquer usuário no Facebook
Dicas
17 visualizações
17 visualizações

Como acessar fotos curtidas por qualquer usuário no Facebook

Carlos L. A. da Silva - 9 de janeiro de 2019
O que Isaac Asimov imaginou para 2019?
Artigos
23 visualizações
23 visualizações

O que Isaac Asimov imaginou para 2019?

Carlos L. A. da Silva - 8 de janeiro de 2019