开通阿里云短信服务
在做微信小程序登陆等界面时难免会遇到发送短信验证码的情况,之前使用过阿里云的短信服务,价格相当划算,0.045元/条。在记录Servlet+小程序的服务之前把阿里云短信服务的开通记录一下。
基本流程如下图所示:
建议全程参照阿里云短信服务的指导:
https://help.aliyun.com/document_detail/59210.html?spm=a2c4g.11174283.4.1.8d482c42aMJXk2
在申请开通的过程中有以下几个注意点:
- 只有企业用户(有三证)才可以申请短信推广服务
- 普通的验证码个体和企业都可以申请使用
如果有其他问题可以使用工单咨询阿里云的客服,一般半天以内就能得到答复。
签名和模板申请完之后可以测试一下,在短信服务控制台的快速学习一栏中,使用申请上的签名和模板进行测试:
手机可以收到验证码通知信息:
接下来在Servlet服务中调用阿里云短信服务的API接口即可。
下载SDK
无论使用阿里云的任何服务,必须要下载阿里云的核心SDK:
https://help.aliyun.com/document_detail/52740.html?spm=a2c4g.11186623.6.542.67813195ALMmEC
对于短信服务,有新版和旧版两版SDK可供选择。因为之前对旧版比较熟悉这里我选择用旧版SDK。下载地址为:
https://help.aliyun.com/document_detail/55359.html?spm=a2c4g.11186623.6.632.2f333144Sqb9FV
注意旧版的SDK包里面包含有SDK core,当选择用旧版SDK的时候就不需要单独下载阿里云的SDK core了。
下载完成后解压,并将/api_sdk/aliyun-java-sdk-core/aliyun-java-sdk-core-x.jar
和/api_sdk/aliyun-java-sdk-dysmsapi/aliyun-java-sdk-dysmsapi-x.jar
这两个jar
包导入到idea当中。
验证码短信发送
发送短信
Demo
小程序
首先先补全微信小程序的函数,即用户点击发送验证码的字样时向服务器发送获取验证码的请求:
//获取验证码
getVerificationCode() {
this.getCode();
var that = this
that.setData({
disabled: true
})
let phoneCodeVerification = /^1[34578]\d{9}$/;
var phone = this.data.phone
//检验手机号码格式正确性
if (!phoneCodeVerification.test(phone)) {
wx.showModal({
title: '提示',
content: '手机号码格式错误!',
})
}
if (phoneCodeVerification.test(phone))
{
//发送短信验证码
wx.request({
url: 'http://localhost:8080/Demo/Demo', // 仅为示例,并非真实的接口地址
data: {
type: 'getVcode',
phone: phone
},
header: {
'content-type': 'application/json' // 默认值
},
success(res) {
wx.showToast({
title: '验证码发送成功!',
icon: 'success',
duration: 2000
})
}
})
}
},
这里我在发送验证码之前检查了一下手机号码的正确性,可以减少后台的工作量。相对应的布局文件如下所示:
<view>背景</view>
<view style='width:70%;display:flex;flex-direction:column;justify-content:center;padding-left:120rpx;position:relative;top:300rpx;'>
<form bindsubmit='login'>
<view><input name='phone' placeholder='手机号码' bindinput='phoneInput'></input></view>
<view class='horizonLine'></view>
<view style='display:flex;flex:direction:column;'>
<input name='vcode' placeholder='验证码' style='width:60%;'></input>
<text class="buttonget" style='color:blue;' bindtap='getVerificationCode' disabled='{{disabled}}' >{{time}}</text>
</view>
<button form-type='submit'>确定</button>
</form>
</view>
Servlet端
容器在监听到发送验证码的需求之后,首先读取需要发送的手机号码,然后随机生成一个六位验证码。之后替换掉短信模板中的#{vcode}参数,调用响应的方法提交。剩下的就交给阿里云短信服务去完成了。
//发送验证码给用户用于登陆
public boolean sendVcode(HttpServletRequest Request) throws ClientException {
String phone = Request.getParameter(REQUESTINFO_PHONE);
// 设置超时时间-可自行调整
System.setProperty("sun.net.client.defaultConnectTimeout", "10000");
System.setProperty("sun.net.client.defaultReadTimeout", "10000");
// 初始化ascClient需要的几个参数
final String product = "Dysmsapi";//短信API产品名称(短信产品名固定,无需修改)
final String domain = "dysmsapi.aliyuncs.com";//短信API产品域名(接口地址固定,无需修改)
// 替换成你的AK
final String accessKeyId = "yourID";//你的accessKeyId,参考本文档步骤2
final String accessKeySecret = "yourSecret";//你的accessKeySecret,参考本文档步骤2
// 初始化ascClient,暂时不支持多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();
//使用post提交
request.setMethod(MethodType.POST);
//必填:待发送手机号。支持以逗号分隔的形式进行批量调用,批量上限为1000个手机号码,批量调用相对于单条调用及时性稍有延迟,验证码类型的短信推荐使用单条调用的方式;发送国际/港澳台消息时,接收号码格式为国际区号+号码,如“85200000000”
request.setPhoneNumbers(phone);
//必填:短信签名-可在短信控制台中找到
request.setSignName("快递助手Plus团队");
//必填:短信模板-可在短信控制台中找到,发送国际/港澳台消息时,请使用国际/港澳台短信模版
request.setTemplateCode("SMS_133977568");
//可选:模板中的变量替换JSON串,如模板内容为"亲爱的${name},您的验证码为${code}"时,此处的值为
//友情提示:如果JSON中需要带换行符,请参照标准的JSON协议对换行符的要求,比如短信内容中包含\r\n的情况在JSON中需要表示成\\r\\n,否则会导致JSON在服务端解析失败
String vcode = generateVcode();
System.out.println(vcode);
request.setTemplateParam("{\"code\":\"" + vcode + "\"}");
//请求失败这里会抛ClientException异常
SendSmsResponse sendSmsResponse = acsClient.getAcsResponse(request);
if(sendSmsResponse.getCode() != null && sendSmsResponse.getCode().equals("OK")) {
//请求成功
return true;
}else{
return false;
}
}
其中,accessKeyId
和accessSecret
是用户自己申请的,使用时需要替换。更多的信息可以参考阿里云的帮助文档:
https://help.aliyun.com/document_detail/55284.html?spm=a2c4g.11186623.6.605.546c157briy9RX
生成随机六位数字的验证码也很简单:
//生成随机六位数字验证码
public static String generateVcode() {
return String.valueOf((int)((Math.random() * 9 + 1) * 100000));
}
试验一下发现已经可以正常收到验证码了:
在阿里云的控制台也可以实时看到发送短信的流量: