用户注册的基本流程(以手机号注册为例)
- 前后端验证手机号格式是否正确
- 后端验证手机号是否已经注册
- 前端通过注册按钮发送 Ajax 请求携带手机号到后端
- 后端进行手机号的校验,如果数据库中已经存在该手机,返回已注册的信息给前端
- 如果数据库中不存在该手机号,则告知该手机号可以注册
- 手机验证通过后,进入注册信息填写页面
- 需要发送验证码,通过验证码来识别是否本人在注册。前端发送异步请求(携带手机号)
- 后端获取手机号
- 进行手机号的基本校验,以及手机号是否注册等等
- 使用uuid的方式生成验证码
- 到京东万象、中国网建、阿里短信等网站上获取短信验证等接口,进行短信发送验证码。具体实现可以参考 短信接口的实现
- 可以使用特定的单词或其他方式用来表示验证码为前缀,拼接上手机号作为key(如identifying_code:xxxxxx),验证码作为value,存储到redis中,并设置有效时间为5分钟。(存储到redis中是为了做注册操作时,对比输入的验证码是否与发送的验证码一致)
- 把发送验证码是否成功的信息响应回前端处理
- 等用户所有信息都输入完成,点击注册时,前端发送异步请求到后端,并携带注册信息
- 后端接收注册信息,对信息进行基本的参数校验,如判空等(可以使用validation进行校验,需要另外导入依赖)。如果都没有问题,则将用户信息(如果有默认信息,也可以加上,如状态,性别等)存入数据库中
validation依赖
<dependency>
<groupId>org.springframework.boot</groupId>
<artifactId>spring-boot-starter-validation</artifactId>
</dependency>
在此期间会遇到跨域问题CORS,因为是前后端分离,前后端的服务器不是同一个服务器,违反了同源策略,所以这里需要解决。详细可以点击这里:如何解决跨域问题
细节的完善:
需要对一些固定的字符串做处理,将他们设置为常量,如:将验证码存入redis中的key的前缀。(这里可以用一个工具类,用来放静态常量,以及redis其他相关公共的操作)
对异常进行统一的处理(自定义一个异常,专门处理注册,登录的异常)
@ControllerAdvice
public class CommonExceptionHandler {
//该异常为自定义的异常,用来处理用户登录注册过程中的异常
@ExceptionHandler(LogicException.class)
@ResponseBody
public JsonResult LogicExceptionHandler(LogicException e, HttpServletResponse resp) {
e.printStackTrace();
resp.setContentType("application/json;charset=utf-8");
return JsonResult.error(JsonResult.CODE_ERROR_PARAM,e.getMessage(),null);
}
}