【SpringBoot+MP】阿里云短信测试服务操作流程、用户手机验证码登录实现

╰半夏微凉° 2023-09-23 13:02 19阅读 0赞

#### 文章目录 ####

*   *  一.手机验证码登录实现
     *  二.阿里云短信发送服务操作流程

### 一.手机验证码登录实现 ###

前面是站在后台员工的角度，现在站在消费者的角度，当客户从移动端选择通过验证码登录APP，需要调用云服务器的短信功能（厂商短信服务API）**，后端要做的就是生成验证码并发送，并针对请求中客户收到的验证码与后端发送的进行比对，确保一致后成功登录。**

![在这里插入图片描述][59c7c45caece4478ad92f2fff02d158d.png]  
首先针对客户，建立对应的数据表：

DROP TABLE IF EXISTS `user`;
    CREATE TABLE `user` (
      `id` bigint(20) NOT NULL COMMENT '主键',
      `name` varchar(50) COLLATE utf8_bin DEFAULT NULL COMMENT '姓名',
      `phone` varchar(100) COLLATE utf8_bin NOT NULL COMMENT '手机号',
      `sex` varchar(2) COLLATE utf8_bin DEFAULT NULL COMMENT '性别',
      `id_number` varchar(18) COLLATE utf8_bin DEFAULT NULL COMMENT '身份证号',
      `avatar` varchar(500) COLLATE utf8_bin DEFAULT NULL COMMENT '头像',
      `status` int(11) DEFAULT '0' COMMENT '状态 0:禁用，1:正常',
      PRIMARY KEY (`id`) USING BTREE
    ) ENGINE=InnoDB DEFAULT CHARSET=utf8 COLLATE=utf8_bin COMMENT='用户信息';

其次，建立相关实体类，创建对应的Service、Controller层，编写Mapper接口，从客户角度出发，要做的是放行客户模块的前端资源，**在Filter中设置过滤的URL，修改MP自动填充功能的配置**

**拦截器里的处理：**

//查看用户登陆状态 如果已登录 则直接放行
    if (!(request.getSession().getAttribute("user") == null)) {
        
        log.info("用户已登录！当前用户为：{}", request.getSession().getAttribute("user"));
        //通过ThreadLocal获取Session中的id
        BaseContext.setCurrentId((Long) request.getSession().getAttribute("user"));
        Long sessionId = BaseContext.getCurrentId();
    
        filterChain.doFilter(request, response);
        return;
    }

下面，重头戏来了！

在Controller层中编写针对用户手机号来发送验证码的方法，主要就是接收来自前端的手机号码  
**导入依赖**

<dependency>
                <groupId>com.alibaba</groupId>
                <artifactId>druid-spring-boot-starter</artifactId>
                <version>1.1.23</version>
            </dependency>
    
            <dependency>
                <groupId>com.aliyun</groupId>
                <artifactId>aliyun-java-sdk-core</artifactId>
                <version>4.5.16</version>
            </dependency>

调用服务器厂商的API(后面短信服务会生成SKD复制粘贴后修改参数即可)针对电话号码发送定制的短信，并将验证码存到Session中来校验登录

@PostMapping("/sendMsg")
    public R<String> sendMsg(@RequestBody User user, HttpSession httpSession) {
        
        //获取手机号
        String phone = user.getPhone();
    
        if (StringUtils.isNotEmpty(phone)) {
        
            //生成验证码
            String code = ValidateCodeUtils.generateValidateCode(4).toString();
            log.info("电话：{}，验证码：{}",phone,code);
            //调用阿里云API发送短信
            SMSUtils.sendMessage("", "", phone, code);
            //将生成的验证码保存到Session中
            httpSession.setAttribute(phone, code);
    
            return R.success("短信发送成功");
        }
        return R.error("短信发送失败");
    }

当用户在前端页面点击发送验证码后，我们根据传来的验证码进行登录：

此时，客户已经接收到短信验证消息，输入验证码后点击进行登录，前端又向我们发来了请求:  
![在这里插入图片描述][a0d319ea2a474606b0611a74f078a1e1.png]  
针对此次请求，需要做的就是对用户输入的验证码进行校验（在方法体中，可以选择用Map来封装）  
![在这里插入图片描述][1b4769616ec640f38466fe72eef4406b.png]  
将<phone,code>封装到map后，进行校验，code与Session中的一致则登陆成功，如果根据phone从user表中查不到数据则自动帮他完成注册（新增用户信息到表里），反之则登陆失败  
![在这里插入图片描述][115a23fd7d7747a39d8e9a850342bec1.png]  
由于前面几篇文章类似的场景较多，所以这里不做过多解释。值得注意的是，为了登陆后可以拿到用户的数据，此方法里返回User实体存到Session里。

@PostMapping("/login")
        public R<User> login(@RequestBody Map userMap, HttpSession httpSession) {
        
            log.info(userMap.toString());
            //获取手机号
            String phone = userMap.get("phone").toString();
            //获取验证码
    
            String code = userMap.get("code").toString();
            //获取Session里的验证码
    
            String sessionCode = httpSession.get("code").toString();
            //验证码比对(页面提交的code和存在Session里的code进行对比)
    
            if (!(phone != null && Objects.equals(code,sessionCode))) {
        //这里要用equals
                //登陆失败
                return R.error("登陆失败~");
            }
            //登陆成功
            LambdaQueryWrapper<User> userlqw = new LambdaQueryWrapper<>();
            userlqw.eq(User::getPhone, phone);
             //通过getOne(唯一标识)获得User对象便于以后的注册存储
            User user = userService.getOne(userlqw);
            //判断当前是否为新用户，是的话自动注册
            if (user == null) {
        
                //注册
                User userNew = new User();
                //这里要new一个User并重新赋予它属性存到表里，因为user==null
                userNew.setPhone(phone);
                userNew.setStatus(1);
                userService.save(userNew);
                httpSession.setAttribute("user",userNew.getId());
                return R.success(userNew);
            }
            httpSession.setAttribute("user",user.getId());
            return R.success(user);
        }

**值得注意的是方法最后的setAttribute()，只有通过他才能将User信息传到Session中从而通过Filter中的判断条件**

### 二.阿里云短信发送服务操作流程 ###

**点击开始使用子用户**  
![在这里插入图片描述][60e10751b08847ba8591c8ecd2bad671.png]  
**新建用户组**  
![在这里插入图片描述][e92ed71f9d7d4f6f9a53943eeb343a10.png]  
**创建用户组**  
![在这里插入图片描述][99266c2407794b0b90db6a4d32a8ebd8.png]  
**添加权限**![在这里插入图片描述][847ec27b1fad4aef9fd0de867f84c7e4.png]  
**添加短信权限（直接搜sms）**  
![在这里插入图片描述][6e1ebd19ca3549c58cff9864a34c15cb.png]  
**创建用户**  
![在这里插入图片描述][3feb81f2b770498289269240bebd24d9.png]  
**创建完成后，点击添加到用户组**  
![在这里插入图片描述][d968706b5cce4aeead5daabd1eecfbec.png]  
**随后创建Accesskey**  
![在这里插入图片描述][bd84c6bf3ba64574967829127c4cdff7.png]  
**创建完成后即可获得属于自己的AccessKey，记得妥善保管，不要泄露**  
![在这里插入图片描述][7201329ce36a4fca8469d8cba3acda49.png]  
**进入短信服务，并开通**  
![在这里插入图片描述][48d863e195684d60994e91410ca683dd.png]  
**申请签名，创建模板（个人做项目不推荐，需要上交营业执照）**  
![在这里插入图片描述][05b4064fc08043aead0cf0fe37e49d4a.png]  
**作为个人（学生党）使用我们可以使用测试短信服务，因为不需要上交材料和证明比较方便，至于费用方面大家充五块钱就行**  
![在这里插入图片描述][f6b8b7485f3e40af96b155c305e32785.png]  
**发起调用后我们就能收到短信啦**  
![在这里插入图片描述][2dfd867aac9049fda793e2ce732088bc.png]  
阿里云已经给了我们相关的API在项目中直接调用即可.

[59c7c45caece4478ad92f2fff02d158d.png]: https://img-blog.csdnimg.cn/59c7c45caece4478ad92f2fff02d158d.png
[a0d319ea2a474606b0611a74f078a1e1.png]: https://img-blog.csdnimg.cn/a0d319ea2a474606b0611a74f078a1e1.png
[1b4769616ec640f38466fe72eef4406b.png]: https://img-blog.csdnimg.cn/1b4769616ec640f38466fe72eef4406b.png
[115a23fd7d7747a39d8e9a850342bec1.png]: https://img-blog.csdnimg.cn/115a23fd7d7747a39d8e9a850342bec1.png
[60e10751b08847ba8591c8ecd2bad671.png]: https://img-blog.csdnimg.cn/60e10751b08847ba8591c8ecd2bad671.png
[e92ed71f9d7d4f6f9a53943eeb343a10.png]: https://img-blog.csdnimg.cn/e92ed71f9d7d4f6f9a53943eeb343a10.png
[99266c2407794b0b90db6a4d32a8ebd8.png]: https://img-blog.csdnimg.cn/99266c2407794b0b90db6a4d32a8ebd8.png
[847ec27b1fad4aef9fd0de867f84c7e4.png]: https://img-blog.csdnimg.cn/847ec27b1fad4aef9fd0de867f84c7e4.png
[6e1ebd19ca3549c58cff9864a34c15cb.png]: https://img-blog.csdnimg.cn/6e1ebd19ca3549c58cff9864a34c15cb.png
[3feb81f2b770498289269240bebd24d9.png]: https://img-blog.csdnimg.cn/3feb81f2b770498289269240bebd24d9.png
[d968706b5cce4aeead5daabd1eecfbec.png]: https://img-blog.csdnimg.cn/d968706b5cce4aeead5daabd1eecfbec.png
[bd84c6bf3ba64574967829127c4cdff7.png]: https://img-blog.csdnimg.cn/bd84c6bf3ba64574967829127c4cdff7.png
[7201329ce36a4fca8469d8cba3acda49.png]: https://img-blog.csdnimg.cn/7201329ce36a4fca8469d8cba3acda49.png
[48d863e195684d60994e91410ca683dd.png]: https://img-blog.csdnimg.cn/48d863e195684d60994e91410ca683dd.png
[05b4064fc08043aead0cf0fe37e49d4a.png]: https://img-blog.csdnimg.cn/05b4064fc08043aead0cf0fe37e49d4a.png
[f6b8b7485f3e40af96b155c305e32785.png]: https://img-blog.csdnimg.cn/f6b8b7485f3e40af96b155c305e32785.png
[2dfd867aac9049fda793e2ce732088bc.png]: https://img-blog.csdnimg.cn/2dfd867aac9049fda793e2ce732088bc.png