1.我通过下载阿里云的文档,优化后的短信工具类
public class SmsUtil {
// 产品名称:云通信短信API产品,开发者无需替换
static final String product = "Dysmsapi";
// 产品域名,开发者无需替换
static final String domain = "dysmsapi.aliyuncs.com";
// TODO 此处需要替换成开发者自己的AK(在阿里云访问控制台寻找)
static final String accessKeyId = "youaccessKeyId"; // TODO 改这里
static final String accessKeySecret = "youaccessKeySecret"; // TODO 改这里
public static String sendSms(String telephone) throws ClientException {
int newcode = (int)(Math.random()*9999)+100; //每次调用生成一次四位数的随机数
// 可自助调整超时时间
System.setProperty("sun.net.client.defaultConnectTimeout", "10000");
System.setProperty("sun.net.client.defaultReadTimeout", "10000");
// 初始化acsClient,暂不支持region化
IClientProfile profile = DefaultProfile.getProfile("cn-hangzhou", accessKeyId, accessKeySecret);
DefaultProfile.addEndpoint("cn-hangzhou", "cn-hangzhou", product, domain);
IAcsClient acsClient = new DefaultAcsClient(profile);
// 组装请求对象-具体描述见控制台-文档部分内容
SendSmsRequest request = new SendSmsRequest();
// 必填:待发送手机号
request.setPhoneNumbers(telephone);
// 必填:短信签名-可在短信控制台中找到
request.setSignName("改成你自己所申请的短信签名"); // TODO 改这里
// 必填:短信模板-可在短信控制台中找到
request.setTemplateCode("SMS_164155623"); // TODO 改这里
// 可选:模板中的变量替换JSON串,如模板内容为"亲爱的用户,您的验证码为${code}"时,此处的值为
request.setTemplateParam("{\"code\":\"" + newcode + "\"}");
// 选填-上行短信扩展码(无特殊需求用户请忽略此字段)
// request.setSmsUpExtendCode("90997");
// 可选:outId为提供给业务方扩展字段,最终在短信回执消息中将此值带回给调用者
request.setOutId("yourOutId");
// hint 此处可能会抛出异常,注意catch
SendSmsResponse sendSmsResponse = acsClient.getAcsResponse(request);
if(!sendSmsResponse.getCode().equals("OK")){
newcode=0;
}
String code = String.valueOf(newcode);
// System.out.println(sendSmsResponse.getCode());
return code;
}
}
2.页面里用ajax调用短信接口
// ajax来获取验证码
$.ajax({
url: '/user/phoneVerify?telephone=' + telephone,
type: 'GET',
success: function (data) {
if (data===0) {
var smsBtn = $('#smsCodeBtn');
smsBtn.attr('disabled', 'disabled');
smsBtn.css("background-color", "#b4b2b3");
var time = 60;
var clock = setInterval(function () {
if (time-- <= 0) {
smsBtn.removeAttr('disabled');
smsBtn.css('background-color', '#00b4ef');
smsBtn.text('获取验证码');
clearInterval(clock);
} else {
smsBtn.text(time + 's 重新发送');
}
}, 1000);
layer.msg('获取验证码成功', {icon: 6, time: 2000});
} else {
layer.msg('获取失败: ' + data.message, {icon: 5, time: 2000});
}
},
error: function (xhr, response, error) {
layer.msg('服务器错误: ' + response, {icon: 5, time: 2000});
}
});
});
3.ajax所调用的controller
@GetMapping("phoneVerify")
@ResponseBody
public Integer phoneVerify(String telephone,HttpSession session) throws ClientException {
String code = SmsUtil.sendSms(telephone);
if (!code.equals("0")){
session.setAttribute("code",code);
session.setMaxInactiveInterval(60*1000);
return 0;
}else{
return 1;
}
}
阿里云的demo下载:https://help.aliyun.com/document_detail/55359.html?spm=5176.doc55284.2.6.iRVRZy