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

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

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

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

2、依赖引入

参考官方 java SDK文档

以maven方式引入依赖jar包

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、效果演示