使用 SSM 框架实现发送手机短信验证码

淡淡的烟草味﹌ 2022-10-12 12:15 231阅读 0赞

### 手机发送短信 ###

*  内容
 *   *  一、手机发送短信
     *   *  1. 前端界面代码
         *  2. UserInfoController 控制器
         *  4. 具体实现
 *  总结

# 内容 #

--------------------

## 一、手机发送短信 ##

### 1. 前端界面代码 ###

10秒内不能重复发送验证码

//短信发送
    $('.vcode-send').click(function () { 
    	if ($(this).hasClass('disabled')) { 
    
    	} else { 
            var self = $(this);
            var count = 10;
            self.addClass('disabled');
            self.text(count + '秒后重新获取');
            var timer = setInterval(function () { 
                count--;
                if (count > 0) { 
                    self.text(count + '秒后重新获取');
                } else { 
                    clearInterval(timer);
                    self.text('重新获取验证码');
                    self.removeClass("disabled");
                }
        	}, 1000);
    
            var phone = $("#phone").val();
            $.get(domainUrl + "/users/sendVerifyCode", { phone:phone}, function (data) { 
                console.log(data);
                if(data.code == 200){ 
                    popup("发送成功")
                } else { 
                    popup(data.msg);
                }
            });
        }
    });

### 2. UserInfoController 控制器 ###

package com.yy.springboot.controller;
    
    @RestController
    @RequestMapping("/users")
    public class UserInfoController { 
        @Autowired
        private IUserInfoService userInfoService;
    
        @GetMapping("/sendVerifyCode")
        public JsonResult<UserInfo> sendVerifyCode(String phone) { 
            return userInfoService.sendVerifyCode(phone);
        }
    }

### 4. 具体实现 ###

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3p6dmFy_size_16_color_FFFFFF_t_70]

// URL 和 appkey 是上面配置文件中的URL和appkey
    // 1：下面的手机号是把你需要发送短信的手机号与下面字符串进行拼接
    // 2：下面的验证码是把你创建的验证码与下面字符串进行拼接
    // 3：下面的 appkey 就是你从短信服务商哪里拿到的 appkey
    private String url = https://way.jd.com/kaixintong/kaixintong?mobile=13205516161&content=【凯信通】您的验证码是：123456&appkey=您申请的APPKEY 点此获取APPKEY;
    
    private String appkey;
    
    @Override
    public JsonResult<UserInfo> sendVerifyCode(String phone) { 
        // 1、创建随机验证码(4位)
        String code = UUID.randomUUID().toString().replaceAll("-", "").substring(0, 4);
    
        // 2、发送短信
        // java 如何发起 Http 请求
        // 参数1：请求 url，参数2：响应值类型对象（将返回值转换成什么类型对象）
        // 参数3：路径上的参数值
        RestTemplate restTemplate = new RestTemplate();
        String message = restTemplate.getForObject(url, String.class);
        System.out.println("message = " + message);
        if (!message.contains("Success")) { 
            throw new LogicException("短信发送失败");
        }
    
        // 4、缓存验证码-以 phone 为 key，code 为 value，这里我用的是 Redis 缓存了验证码
        // 具体代码你自己实现，很简单，当然你也可以使用 Session 保存起来，用于注册时的验证码校验
        return userInfoRedisService.sendVerifyCode(phone, code);
    }

# 总结 #

上面就是手机发送短信验证码的总结了，代码仅供参考，欢迎讨论交流。

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3p6dmFy_size_16_color_FFFFFF_t_70]: /images/20221005/d35c230f6c8e4b6a993645fec65f6251.png