- Criado por Wesley Miranda de Oliveira, última alteração por Fábio Duarte Freitas em 05/05/2022
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 25 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:
- Habilitar o Imap:
- Ativar autenticação por 2 etapas;
- Gerar senha do App (Que precisaremos incluir na IDE);
Por fim, 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.
Projeto do tipo web ou mobile criado. Caso haja dúvidas de como criar esse tipo de projeto acesse o link Criar projeto;
- Acessar e logar no e-mail que será utilizado para enviar a senha de redefinição, no nosso exemplo é utilizado o 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
- O tópico Configurações para Enviar E-mails irá receber os dados de acordo com o servidor utilizado, mas aqui serão inseridas as configurações SMTP de acordo com o Gmail.
- Insira o e-mail que você configurou para enviar os e-mails de redefinição;
- Insira a senha de app que foi gerada anteriormente.
- Insira um nome de perfil para o e-mail utilizado e escreva novamente o e-mail que será utilizado para o envio.
- 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