短信验证码
1、短信接口平台

首先需要一个短信接口平台,才能进行发短信的操作,网上一搜有很多,但是很多只送了几条免费的次数,根本不够使用。然后发现腾讯云也有这个服务,一下送了200条,用完了还是得自己买。不过现在测试,200条够用了。

短信接口平台需要实名,验证什么的,需要申请短信的签名和模板,也就是发送的标题和内容,需要审核。腾讯云短信地址。请注意写的要求,并不是你想发送什么都可以。审核不能过。

创建签名需要有个人实名的网站,或已发布的小程序/公众号,或已上线的APP,请注意!

2、依赖引入

参考官方 java SDK文档

以maven方式引入依赖jar包

com.qcloud cmq-http-client 1.0.7

com.tencentcloudapi tencentcloud-sdk-java 3.1.390

3、常量类

  • 号内容都需要替换为自己对应的,在腾讯云中找到这些常量,写入

SMSSECREID与SMSSECREKEY查询地址:CAM密匙查询

注意这些的填写,一个错了将会导致发送不成功,官方文档对于每个参数都有详细的解释,告诉你在哪里找 到 它。

/**
• 短信常量类
 */
 public class Constants {
/**• 短信 appid
 */
 public static final String SMSAPPID="******";
 /• 腾讯云账户密钥对: secretId
 */
 public static final String SMSSECREID="******";
 /• 腾讯云账户密钥对: secretKey
 */
 public static final String SMSSECREKEY="******";
 /• SmsSdkAppid
 */
 public static final String SMSSDKAPPID="******";
 /• sms sign : sms签名
 */
 public static final String SMSSIGN="******";
 /• sms 短信模板id:
 */
 public static final String SMSTEMPLATEID="********";}

4、Service类

短信发送实现

返回 是否发送成功的提示

package com.example.service;
import com.example.pojo.Constants;
 import com.tencentcloudapi.common.Credential;
 import com.tencentcloudapi.common.exception.TencentCloudSDKException;//导入可选配置类
 import com.tencentcloudapi.common.profile.ClientProfile;
 import com.tencentcloudapi.common.profile.HttpProfile;// 导入对应SMS模块的client
 import com.tencentcloudapi.sms.v20210111.SmsClient;// 导入要请求接口对应的request response类
 import com.tencentcloudapi.sms.v20210111.models.SendSmsRequest;
 import com.tencentcloudapi.sms.v20210111.models.SendSmsResponse;
 import org.springframework.stereotype.Service;/**
• Tencent Cloud Sms Sendsms
/
 @Service
 public class SendSmsService {
 public String sendSms(String valcode, String[] phoneNumbers) {
 try {
 / 必要步骤:
 * 实例化一个认证对象,入参需要传入腾讯云账户密钥对secretId,secretKey。
 * 这里采用的是从环境变量读取的方式,需要在环境变量中先设置这两个值。
 * 你也可以直接在代码中写死密钥对,但是小心不要将代码复制、上传或者分享给他人,
 * 以免泄露密钥对危及你的财产安全。
 * CAM密匙查询: https://console.cloud.tencent.com/cam/capi*/
 Credential cred = new Credential(Constants.SMSSECREID, Constants.SMSSECREKEY);// 实例化一个http选项,可选,没有特殊需求可以跳过
     HttpProfile httpProfile = new HttpProfile();
     // 设置代理// httpProfile.setProxyHost(“host”);
 // httpProfile.setProxyPort(port);
 /* SDK默认使用POST方法。
 * 如果你一定要使用GET方法,可以在这里设置。GET方法无法处理一些较大的请求 /
 httpProfile.setReqMethod(“POST”);
 / SDK有默认的超时时间,非必要请不要进行调整
 * 如有需要请在代码中查阅以获取最新的默认值 /
 httpProfile.setConnTimeout(60);
 / SDK会自动指定域名。通常是不需要特地指定域名的,但是如果你访问的是金融区的服务
 * 则必须手动指定域名,例如sms的上海金融区域名: sms.ap-shanghai-fsi.tencentcloudapi.com */
 httpProfile.setEndpoint(“sms.tencentcloudapi.com”);
/* 非必要步骤:
         * 实例化一个客户端配置对象,可以指定超时时间等配置 */
        ClientProfile clientProfile = new ClientProfile();
        /* SDK默认用TC3-HMAC-SHA256进行签名
         * 非必要请不要修改这个字段 */
        clientProfile.setSignMethod("HmacSHA256");
        clientProfile.setHttpProfile(httpProfile);
        /* 实例化要请求产品(以sms为例)的client对象
         * 第二个参数是地域信息,可以直接填写字符串ap-guangzhou,或者引用预设的常量 */
        SmsClient client = new SmsClient(cred, "ap-guangzhou", clientProfile);
        /* 实例化一个请求对象,根据调用的接口和实际情况,可以进一步设置请求参数
         * 你可以直接查询SDK源码确定接口有哪些属性可以设置
         * 属性可能是基本类型,也可能引用了另一个数据结构
         * 推荐使用IDE进行开发,可以方便的跳转查阅各个接口和数据结构的文档说明 */
        SendSmsRequest req = new SendSmsRequest();

        /* 填充请求参数,这里request对象的成员变量即对应接口的入参
         * 你可以通过官网接口文档或跳转到request对象的定义处查看请求参数的定义
         * 基本类型的设置:
         * 帮助链接:
         * 短信控制台: https://console.cloud.tencent.com/sms/smslist
         * sms helper: https://cloud.tencent.com/document/product/382/3773 */

        /* 短信应用ID: 短信SdkAppid在 [短信控制台] 添加应用后生成的实际SdkAppid,示例如1400006666 */
        String appid = Constants.SMSAPPID;
        req.setSmsSdkAppId(appid);

        /* 短信签名内容: 使用 UTF-8 编码,必须填写已审核通过的签名,签名信息可登录 [短信控制台] 查看 */
        String sign = Constants.SMSSIGN;
        req.setSignName(sign);

        /* 国际/港澳台短信 senderid: 国内短信填空,默认未开通,如需开通请联系 [sms helper] */
// String senderid = “xxx”;
 // req.setSenderId(senderid);
/* 用户的 session 内容: 可以携带用户侧 ID 等上下文信息,server 会原样返回 */
// String session = “xxx”;
 // req.setSessionContext(session);
/* 短信码号扩展号: 默认未开通,如需开通请联系 [sms helper] */
// String extendcode = “xxx”;
 // req.setExtendCode(extendcode);
/* 模板 ID: 必须填写已审核通过的模板 ID。模板ID可登录 [短信控制台] 查看 */
        String templateID = Constants.SMSTEMPLATEID;
        req.setTemplateId(templateID);

        /* 下发手机号码,采用 e.164 标准,+[国家或地区码][手机号]
         * 示例如:+8613711112222, 其中前面有一个+号 ,86为国家码,13711112222为手机号,最多不要超过200个手机号*/
// String[] phoneNumbers = {"+8621212313123", “+8612345678902”, “+8612345678903”};
 req.setPhoneNumberSet(phoneNumbers);
/* 模板参数: 若无模板参数,则设置为空*/
        String[] templateParams = {valcode};
        req.setTemplateParamSet(templateParams);

        /* 通过 client 对象调用 SendSms 方法发起请求。注意请求方法名与请求对象是对应的
         * 返回的 res 是一个 SendSmsResponse 类的实例,与请求对象对应 */
        SendSmsResponse res = client.SendSms(req);

        // 输出json格式的字符串回包
        System.out.println(SendSmsResponse.toJsonString(res));

        // 也可以取出单个值,你可以通过官网接口文档或跳转到response对象的定义处查看返回字段的定义
        //System.out.println(res.getRequestId());

    } catch (TencentCloudSDKException e) {
        e.printStackTrace();
        return "发送出了点问题";
    }
    return "短信发送成功!请注意接收";
}
}

5、测试

输入自己的手机号测试,

测试正常,成功收到短信

/*
 *短信测试类
 */@Autowired
 private SendSmsService sendSmsService;@Test
 void sendSms(){
 sendSmsService.sendSms(“666666”, new String[] {“86***********”});
 }

6、控制类

整合页面和控制类,发送短信

从页面输入手机号,获取短信

再对验证码进行验证、提示

/*
 短信验证码
 */
 @Autowired
 private SendSmsService sendSmsService;@RequestMapping("/getSmsCode")
 public String getSmsCode(HttpSession session, String tel, Model model) {
 String SmsCode = RondomCode.randomCode();
 session.setAttribute(“SmsCode”,SmsCode);
 String tip = sendSmsService.sendSms(SmsCode, new String[] {tel});
 model.addAttribute(“tel”,tel);
 model.addAttribute(“tip”,tip);
 return “login”;
 }@RequestMapping("/doRegister")
 public String doRegister(HttpSession session,String InputSmsCode,Model model) {
 String SmsCode = (String) session.getAttribute(“SmsCode”);
 //限制用户必须先输入验证码,才能提交请求
 if (!InputSmsCode.equals(SmsCode)){
 System.out.println(“验证码有误”);
 model.addAttribute(“tip”,“验证码有误”);
 return “login”;
 }
 return “index”;
 }

7、登录页

添加js增加优化体验,限制用户每60秒才能点击一次发送验证码请求和对手机号格式以正则表达式效验

/短信按钮JS/
 c = 60;
 function SmsTiming() {
 $("#getSmsCode").text(c + “秒后重新获取”);
 //console.log©;
 // 1秒延时调用自己
 myVar = setTimeout(function () {
 SmsTiming()
 }, 1000);
 c -= 1;
 //设定条件跳出
 if (c == -1) {
 clearTimeout(myVar); //停止
 $("#getSmsCode").removeAttr(“disabled”); //移除禁用属性
 $("#getSmsCode").text(“获取验证码”); //重新显示按钮
 c = 60; //重新初始化 倒计时时间
 }
 };
//点击按钮调用,添加属性禁用按钮
 //调用 SmsTiming()
 $("#getSmsCode").click(function () {
 var SmsInput = $(“input[name=‘tel’]”).val();
var smsRegExp = new RegExp("^((13[0-9])|(17[0-1,6-8])|(15[^4,\\\\D])|(18[0-9]))\\d{8}$");
if (SmsInput == null || SmsInput == ' ') {
    alert("请先填写手机号!");
    return false;
} else if (!smsRegExp.test(SmsInput)) {
    alert("请检查你的手机格式!");
    return false;
}
$("#getSmsCode").attr("disabled", "disabled");
SmsTiming();
return true;
});

电话: 获取验证码 验证码:


8、效果演示