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

Posted 2021-07-29 Yan Yang

手机发送短信

• 内容
• • 一、手机发送短信
  • • 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. 具体实现

// 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);
}

总结

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