OJ系统-邮箱验证码

写在前面

最近一直在做onlinejudge的项目,前后端都由自己完成,自然避免不了各种踩坑,还是想把这个过程一步步地纪录下来,也为后人提供一个思路,希望自己能够坚持把它做完吧

需求分析

在我的项目中有三个地方都需要用到邮箱验证码,包括用户注册、用户登录和找回密码所以这个接口是必不可少的

用户注册页面

前端

前端需要做的包括校验规则以及传递数据

校验规则

在用户输入完之后自动校验,选用blur

失去焦点校验

在用户点击按钮之后校验

点击按钮校验

传递数据

传递数据

后端

准备工作

需要打开邮箱的SMPT和POP3协议,不同邮箱需要进行相关的配置

接收数据

接收数据

判断邮箱是否注册

image-20210626225133159

生成验证码并用redis存储

生成验证码并存储

发送邮件

发送邮件并返回响应信息

效果

效果展示

总结

这个接口是这个项目中写的第一个接口,从测试是否能发送邮件到跨域问题到数据调试接收,中间踩了不少的坑,一方面是确实没什么经验,连postman都不怎么会用,也找不到大佬请教,自己改反而越改越多bug。但是在克服各种困难实现功能之后,确实是特别开心的


OJ系统-邮箱验证码
https://blog-theta-ten.vercel.app/2021/06/26/OJ系统-邮箱验证码/
作者
Chen
发布于
2021年6月26日
许可协议