体检管理系统——发送验证码功能

步骤 1 创建阿里云账号

步骤 2 获取阿里云访问密钥
步骤 3 在控制台完成模板与签名的申请,获得调用接口必备的参数

技术对接步骤
1:下载SDK工具包
2: 编写样例程序

参考阿里云官方文档

package live.longmarch.utils;

import com.aliyuncs.DefaultAcsClient;
import com.aliyuncs.IAcsClient;
import com.aliyuncs.dysmsapi.model.v20170525.SendSmsRequest;
import com.aliyuncs.dysmsapi.model.v20170525.SendSmsResponse;
import com.aliyuncs.exceptions.ClientException;
import com.aliyuncs.http.MethodType;
import com.aliyuncs.profile.DefaultProfile;
import com.aliyuncs.profile.IClientProfile;

/**

  • 短信发送工具类
    /
    public class SMSUtils {
    public static final String VALIDATE_CODE = “SMS_18149079”;//发送短信验证码
    public static final String ORDER_NOTICE = “SMS_18150024”;//体检预约成功通知
    /
    *
    • 发送短信
    • @param phoneNumbers
    • @param param
    • @throws ClientException
      */
      public static void sendShortMessage(String templateCode,String phoneNumbers,String param) throws ClientException{
      // 设置超时时间-可自行调整
      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 = “LTAI4Fk6E6AMcgpMn3PSh”;// 你的accessKeyId,参考本文档步骤2
      final String accessKeySecret = “5xKwTd26joymfSClRORh07lE0BhN”;// 你的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个手机号码,批量调用相对于单条调用及时性稍有延迟,验证码类型的短信推荐使用单条调用的方式
      request.setPhoneNumbers(phoneNumbers);
      // 必填:短信签名-可在短信控制台中找到
      request.setSignName(“longmarch”);
      // 必填:短信模板-可在短信控制台中找到
      request.setTemplateCode(templateCode);
      // 可选:模板中的变量替换JSON串,如模板内容为"亲爱的 n a m e , {name},您的验证码为 {code}“时,此处的值为
      // 友情提示:如果JSON中需要带换行符,请参照标准的JSON协议对换行符的要求,比如短信内容中包含\r\n的情况在JSON中需要表示成\r\n,否则会导致JSON在服务端解析失败
      request.setTemplateParam(”{“code”:""+param+""}");
      // 可选-上行短信扩展码(扩展码字段控制在7位或以下,无特殊需求用户请忽略此字段)
      // request.setSmsUpExtendCode(“90997”);
      // 可选:outId为提供给业务方扩展字段,最终在短信回执消息中将此值带回给调用者
      // request.setOutId(“yourOutId”);
      // 请求失败这里会抛ClientException异常
      SendSmsResponse sendSmsResponse = acsClient.getAcsResponse(request);
      if (sendSmsResponse.getCode() != null && sendSmsResponse.getCode().equals(“OK”)) {
      // 请求成功
      System.out.println(“请求成功”);
      }
      }
      }

package live.longmarch;

import com.aliyuncs.exceptions.ClientException;
import live.longmarch.utils.SMSUtils;

/**

  • @PackageName: live.longmarch
  • @ClassName: SMSTest
  • @Author: gaoning
  • @Date: 2019/12/28 11:12
  • @Blame: liunian
  • @Description:
    */
    public class SMSTest {
    public static void main(String[] args) throws ClientException {
    SMSUtils.sendShortMessage(SMSUtils.VALIDATE_CODE,“132891251”,“520”);
    }
    }

前台页码展示:

  //发送验证码
                    sendValidateCode(){
                        // 当点击发送验证码的时候 进行验证码校验
                        // 获取用户输入的电话号码
                        telephone = this.orderInfo.telephone;
                        // 调用js进行校验
                        if (!checkTelephone(telephone)){
                            // 如果验证码校验不通过,则发出提示信息,并阻止代码的运行
                            this.$message.error("您的电话号码格式有误!");
                            return false;
                        }
                        // 用户的验证码格式正确,则让发送验证码禁止点击,并且开始倒计时
                        // 调用js前获取到validateCodeButton对象
                         validateCodeButton = $("#validateCodeButton")[0];
                        // 调用window的循环定时器,每隔一秒让时间减一秒
                        // 接受clock用来当时间结束的时候清空定时器
                         clock = window.setInterval(doLoop,1000);
                         // 发送异步请求到服务器,同时传递手机号,供redis存储校验
                        axios.get("../validateCode/send4Order.do?telephone=" + telephone).then((res)=>{
                            // 如果验证码发送出现问题,告知用户,
                            if (!res.data.flag){
                                this.$message.error(res.data.message);
                            }
                        })
                    },
发布了71 篇原创文章 · 获赞 1 · 访问量 1159

猜你喜欢

转载自blog.csdn.net/weixin_44993313/article/details/103747398