Redis-短信登录01-实现发送验证码登录功能

2022-09-11
作者我爱小小蝶
~3.16K 字

1. 基于Session实现登录流程
2. 具体代码如下
3. 运行截图：
1. 3.1. 登录界面：
2. 3.2. 登录成功：

基于Session实现登录流程

发送验证码：

用户在提交手机号后，会校验手机号是否合法，如果不合法，则要求用户重新输入手机号

如果手机号合法，后台此时生成对应的验证码，同时将验证码进行保存，然后再通过短信的方式将验证码发送给用户

短信验证码登录、注册：

用户将验证码和手机号进行输入，后台从session中拿到当前验证码，然后和用户输入的验证码进行校验，如果不一致，则无法通过校验，如果一致，则后台根据手机号查询用户，如果用户不存在，则为用户创建账号信息，保存到数据库，无论是否存在，都会将用户信息保存到session中，方便后续获得当前登录信息

校验登录状态:

用户在请求时候，会从cookie中携带者JsessionId到后台，后台通过JsessionId从session中拿到用户信息，如果没有session信息，则进行拦截，如果有session信息，则将用户信息保存到threadLocal中，并且放行

具体代码如下

1. 发送验证码

@Override
   public Result sendCode(String phone, HttpSession session) {
       // 1.校验手机号
       if (RegexUtils.isPhoneInvalid(phone)) {
           // 2.如果不符合，返回错误信息
           return Result.fail("手机号格式错误！");
       }
       // 3.符合，生成验证码
       String code = RandomUtil.randomNumbers(6);

       // 4.保存验证码到 session
       session.setAttribute("code",code);
       // 5.发送验证码
       System.out.println("发送短信验证码成功，验证码："+ code);
       // 返回ok
       return Result.ok();
   }

2. 登录

@Override
   public Result login(LoginFormDTO loginForm, HttpSession session) {
       // 1.校验手机号
       String phone = loginForm.getPhone();
       if (RegexUtils.isPhoneInvalid(phone)) {
           // 2.如果不符合，返回错误信息
           return Result.fail("手机号格式错误！");
       }
       // 3.校验验证码
       Object cacheCode = session.getAttribute("code");
       String code = loginForm.getCode();
       if(cacheCode == null || !cacheCode.toString().equals(code)){
           //3.不一致，报错
           return Result.fail("验证码错误");
       }
       //一致，根据手机号查询用户
       User user = query().eq("phone", phone).one();

       //5.判断用户是否存在
       if(user == null){
           //不存在，则创建
           user =  createUserWithPhone(phone);
       }
       //7.保存用户信息到session中
       session.setAttribute("user",user);

       return Result.ok();
   }

3. 实体类User.java

@Data
@EqualsAndHashCode(callSuper = false)
@Accessors(chain = true)
@TableName("tb_user")
public class User implements Serializable {

    private static final long serialVersionUID = 1L;

    /**
     * 主键
     */
    @TableId(value = "id", type = IdType.AUTO)
    private Long id;

    /**
     * 手机号码
     */
    private String phone;

    /**
     * 密码，加密存储
     */
    private String password;

    /**
     * 昵称，默认是随机字符
     */
    private String nickName;

    /**
     * 用户头像
     */
    private String icon = "";

    /**
     * 创建时间
     */
    private LocalDateTime createTime;

    /**
     * 更新时间
     */
    private LocalDateTime updateTime;

}

4. 系统常量类SystemConstants.java

package com.hmdp.utils;

public class SystemConstants {
    public static final String IMAGE_UPLOAD_DIR = "D:\\lesson\\nginx-1.18.0\\html\\hmdp\\imgs\\";
    public static final String USER_NICK_NAME_PREFIX = "user_";
    public static final int DEFAULT_PAGE_SIZE = 5;
    public static final int MAX_PAGE_SIZE = 10;
}

运行截图：

从后台获取验证码输入到前端页面上

登录界面：

登录成功：

但是这有一个小bug，即登录之后会刷新页面，因为是先弄了拦截器，不让直接访问，留下一篇解决

注意：一开始发送短信验证码的时候要跟后来登录时候的手机号一致，否则会登录失败。

记录