Você está vendo a versão antiga da página. Ver a versão atual.

Comparar com o atual Ver Histórico da Página

« Anterior Versão 22 Próxima »

Em poucos passos é possível incluir a redefinição de senha por e-mail em seu projeto, neste tutorial será ensinado como configurar utilizando o servidor de e-mail do google (Gmail), porém, todos os servidores possuem passos semelhantes para se obter as configurações necessárias para a redefinir a senha por e-mail.

No servidor de e-mail será necessário concluir três passos para a configuração, são eles:

  1. Habilitar o Imap:
  2. Ativar autenticação por 2 etapas;
  3. Gerar senha do App (Que precisaremos incluir na IDE);
  4. Inserir configurações no projeto 

Pré-requisitos

Antes de começar a seguir os passos do tutorial é preciso ter certeza de que se tem um ambiente minimamente preparado para reproduzir o exemplo. Abaixo estão os requisitos principais.

  1. Projeto do tipo web ou mobile criado. Caso haja dúvidas de como criar esse tipo de projeto acesse o link Criar projeto;

  2. Acessar e logar no e-mail que será utilizado para enviar a senha de redefinição, no nosso exemplo iremos utilizar um Gmail.

Passos

Ativar o IMAP

Precisaremos ativar a opção IMAP (Internet Message Access Protocol) que é um protocolo de gerenciamento de correio eletrônico para que seja possível utilizar o servidor de e-mail, com isso, acesse o endereço https://mail.google.com/ para iniciarmos a configuração.


Ao acessar o endereço descrito acima, clique na engrenagem de configuração (1 da figura 1) e em seguida em Ver todas as configurações (2 da figura 1).


Figura 1 - Acessando configurações


Acesse a aba Encaminhamento e POP/IMAP (1 da figura 1.1), após isso, um pouco abaixo, clique em Ativar IMAP (2 da figura 1.1) e clique no botão para salvar as configurações (3 da figura 1.1).


Figura 1.1 - Ativando IMAP

Gerar senha do App

Com o IMAP ativo, o próximo passo será obter a senha do App, onde mais a frente iremos inserir no nosso projeto, mas antes disso, precisaremos ativar a autenticação de 2 fatores, para isso, volte ao endereço principal e clique na sua imagem de perfil (1 da figura 2), e em seguida em Gerenciar sua Conta do Google (2 da figura 2).


Figura 2 - Acessando o gerenciamento de conta do Google


Após abrir a área de gerenciamento, clique em Segurança (1 da figura 2.1) e ative a opção de Verificação em duas etapas (2 da figura 2.1), após ativada, clique no campo  de Senhas de app (3 da figura 2.1).


Figura 2.1 - Gerando Senha para o app


No campo Selecionar app (1 da figura 2.2)  Selecione a opção Outro (2 da figura 2.2). 


Figura 2.2 - Selecionando o tipo de app


Em seguida insira um nome para o app (1 da figura 2.3) e clique em gerar (2 da figura 2.3).


Figura 2.3 - Gerando senha para o app

A senha será exibida dentro do campo em amarelo (1 da figura 2.4), copie e salve a senha em algum lugar para inserirmos no projeto, em seguida clique em Concluído (2 da figura 2.4).


Figura 2.4 - Obtendo a senha e concluindo configuração

Configurando no Cronapp

Agora precisamos configurar a IDE para os envios de e-mail de redefinição, para isso, vá em Projeto>Configurações>Configurações de E-mail, as configurações do e-mail irá diferenciar de acordo com o servidor de e-mail utilizado, mas no exemplo, vamos inserir as configurações de acordo com o Gmail (Figura 3).

Para mais detalhes sobre os campos da aba Configurações de E-mail, acesse a documentação Configurações do projeto.


Figura 3 - Configurando IDE para envios de e-mail


  1. O tópico Configurações para Enviar E-mails irá receber os dados de acordo com o servidor utilizado, mas aqui será inserido as configurações SMTP de acordo com o Gmail.
  2. Insira o e-mail que você configurou para enviar os e-mails de redefinição;
  3. Insira a senha de app que foi gerada anteriormente.
  4. Insira um nome de perfil para o e-mail utilizado e escreva novamente o e-mail que será utilizado para o envio.
  5. Por fim, clique em Salvar.

Testando o projeto

Execute o projeto e vá para a tela de login, em seguida clique em Redefinir senha (1 da figura 4), escreva o e-mail do usuário que deseja redefinir (2 da figura 4) e clique em Salvar.

O usuário precisa estar cadastrado no projeto com o e-mail para que seja possível redefinir, ou o e-mail de redefinição não chegará.


Figura 4 - Redefinindo senha


Por fim, irá chegar o e-mail de redefinição de senha.


Figura 4.1 - E-mail de redefinição


Alterar imagem de topo e rodapé

Para que a imagem do topo e do rodapé do e-mail de redefinição seja alterada, é preciso abrir o bloco servidor UserControl (Localização: Blocos de programação/Servidor ), abrir a função resetPassword e no bloco Resetar Senha, alterar o endereço dos parâmetros Imagem Topo do E-mail e Imagem Rodapé do E-mail. Para mais detalhes acesse a documentação do bloco Resetar Senha.


Figura 5 - Bloco Resetar Senha

  • Sem rótulos