温馨提示×

温馨提示×

您好,登录后才能下订单哦!

密码登录×
登录注册×
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》

前后端配合实现密码找回功能思路

发布时间:2020-04-01 09:34:48 来源:网络 阅读:523 作者:浅嫣 栏目:开发技术

 

-前后端配合实现密码找回功能

前端-邮箱验证

用户进入忘记密码页面(localhost:8080/#/FindPwd),将用户名和图形验证码填入。前端对用户名进行后端校验(调用后端的api判断该用户名是否存在),如果用户不存在,给出相关提示;如果用户存在,然后调用发送邮件的后端api(携带用户名信息)

 

后端-发送邮件

 

后端接收到前端发送邮件的请求后,通过用户名从数据库查找对应的邮箱,发送邮件(邮件的形式是一些介绍说明和一个前端链接,该链接的形式为

localhost:8080/#/ResetPwd?token=yP1K8viNMKhv2HfDIPpS8exF21pPdVt8y9LP8AklXv78jPMImA4V7dJ5EMw1vJM7LcZ7BfDpXE1GHhdMga3r0A==)

其中localhost:8080为前端的ip和端口,后端可以从http请求头中的Origin中获取,这里用localhost:8080作为示例。而token中携带了加密信息(其中可以包含用户信息,用来作为重置密码页面的提示内容;其中必须包含用户id,失效时间等关键信息)。

 

发送邮件后,给前端响应,通知前端邮件是否发送成功。前端拿到这个结果,相应地给用户提示(如:“邮件发送成功,请前往邮箱查收”)

 

 

前端-解密链接

用户点击链接打开页面,前端对链接中的token查询字符串进行解密,调用后端解密的api,传入token值,解密可以得到用户id,失效时间等信息。前端获取到失效时间后,与当前时间做对比,如果已经过期,则提示用户;如果未过期,则展示重置密码页面。用户需要填入新密码,点击确认,进行密码重置。此时前端携带用户id和加密过的新密码发送重置密码的请求给后端api,后端返回成功后,前端提示用户修改成功。

 


向AI问一下细节

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

AI