發送短信驗證碼

開通阿里雲短信服務

根據阿里雲短信服務官方指引開通服務，獲取到AccessKey ID和AccessKey Secret、短信簽名、短信模板

Springboot後臺接口

pom.xml增加加短信服務相關依賴

		<dependency>
            <groupId>com.aliyun</groupId>
            <artifactId>aliyun-java-sdk-core</artifactId>
            <version>4.0.8</version>
        </dependency>
        <dependency>
            <groupId>com.aliyun</groupId>
            <artifactId>aliyun-java-sdk-dysmsapi</artifactId>
            <version>1.1.0</version>
        </dependency>

短信發送模塊，MsgSend 類

package com.education.edu_server.util;


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;

/**
 * @Description:
 * @Author: Lorogy
 * @Date: 2020/4/8 15:15
 */
public class MsgSend {
    //產品名稱:雲通信短信API產品,開發者無需替換
    static final String product = "Dysmsapi";
    //產品域名,開發者無需替換
    static final String domain = "dysmsapi.aliyuncs.com";

    // TODO 此處需要替換成開發者自己的AK(在阿里雲訪問控制檯尋找)
    static final String accessKeyId = "XXXX";  // TODO 修改成自己的
    static final String accessKeySecret = "XXXX";

    public SendSmsResponse sendSms(String telephone, String code) throws ClientException {
        //可自助調整超時時間
        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("XXXX");    // TODO 修改成自己的
        //必填:短信模板-可在短信控制檯中找到
        request.setTemplateCode("XXXXX");    // TODO 修改成自己的
        //可選:模板中的變量替換JSON串,如模板內容爲"親愛的${name},您的驗證碼爲${code}"時,此處的值爲
//        request.setTemplateParam("{\"name\":\"Tom\", \"code\":\"123\"}");
        request.setTemplateParam("{\"code\":\"" + code + "\"}");
        //選填-上行短信擴展碼(無特殊需求用戶請忽略此字段)
        //request.setSmsUpExtendCode("90997");
        //可選:outId爲提供給業務方擴展字段,最終在短信回執消息中將此值帶回給調用者
        request.setOutId("yourOutId");
        //hint 此處可能會拋出異常，注意catch
        SendSmsResponse sendSmsResponse = acsClient.getAcsResponse(request);
        if(sendSmsResponse.getCode()!= null && sendSmsResponse.getCode().equals("OK")){
            System.out.println("短信發送成功！");
        }else {
            System.out.println("短信發送失敗！");
        }
        return sendSmsResponse;
    }


/*
    不刪 留着
    以後可能有用

    public static QuerySendDetailsResponse querySendDetails(String bizId) throws ClientException {
        //可自助調整超時時間
        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);
        //組裝請求對象
        QuerySendDetailsRequest request = new QuerySendDetailsRequest();
        //必填-號碼
        request.setPhoneNumber("15000000000");
        //可選-流水號
        request.setBizId(bizId);
        //必填-發送日期 支持30天內記錄查詢，格式yyyyMMdd
        SimpleDateFormat ft = new SimpleDateFormat("yyyyMMdd");
        request.setSendDate(ft.format(new Date()));
        //必填-頁大小
        request.setPageSize(10L);
        //必填-當前頁碼從1開始計數
        request.setCurrentPage(1L);
        //hint 此處可能會拋出異常，注意catch
        QuerySendDetailsResponse querySendDetailsResponse = acsClient.getAcsResponse(request);
        return querySendDetailsResponse;
    }
*/
}

處理6位數字短信驗證碼生成、發送及校驗，controller

package com.education.edu_server.controller;

import com.alibaba.fastjson.JSON;
import com.alibaba.fastjson.JSONObject;
import com.aliyuncs.exceptions.ClientException;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.beans.factory.annotation.Qualifier;
import org.springframework.jdbc.core.JdbcTemplate;
import org.springframework.web.bind.annotation.RequestBody;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.RestController;

import com.education.edu_server.util.MsgSend;
import com.aliyuncs.dysmsapi.model.v20170525.SendSmsResponse;

import java.util.Date;
import java.util.List;
import java.util.Map;

/**
 * @Description:
 * @Author: Lorogy
 * @Date: 2020/4/8 14:24
 */
@RestController
@RequestMapping("/msg")
public class SendMsgController {
    @Autowired
    @Qualifier("jdbcTemplate")
    private JdbcTemplate jdbcTemplate;

    /**
     * 發送6位短信驗證碼到用戶手機號
     * @param map
     * @return
     * @throws ClientException
     */
    @RequestMapping("/sendMsg")
    public String sendMsg(@RequestBody Map map) throws ClientException {
        // 獲取用戶手機號
        System.out.println(map.get("phoneNum"));
        String phoneNum = (String) map.get("phoneNum");
        JSONObject res = new JSONObject();

        // 隨機生成六位隨機數
        StringBuffer stringBuffer = new StringBuffer();
        for (int x = 0; x <= 5; x++) {
            int random = (int) (Math.random() * (10 - 1));
            stringBuffer.append(random);
        }
        String code = stringBuffer.toString();

        System.out.println("發送的驗證碼爲："+code);
        // 發短信
        MsgSend msgSend=new MsgSend();
        SendSmsResponse response =msgSend.sendSms(phoneNum,code); // TODO 填寫你需要測試的手機號碼
        System.out.println("短信接口返回的數據----------------");
        System.out.println("Code=" + response.getCode());// 成功，OK
        System.out.println("Message=" + response.getMessage());// 成功，OK
        System.out.println("RequestId=" + response.getRequestId());//請求ID
        System.out.println("BizId=" + response.getBizId());//發送回執ID

        // 記錄到數據庫
        String sql = "insert into msg (phone,code,requestid,bizid,msg,datetime) values (?,?,?,?,?,?)";
        int count=jdbcTemplate.update(sql, phoneNum,code, response.getRequestId(), response.getBizId(), response.getCode(),new Date().getTime());
        System.out.println(count);

        // 返回發送結果
        res.put("code",response.getCode());
        res.put("requestId", response.getRequestId());
        return JSON.toJSONString(res);
    }

    /**
     * 驗證用戶輸入的驗證碼是否正確
     * @param map
     * @return
     */
    @RequestMapping("/checkCode")
    public String checkCode(@RequestBody Map map){
        // 獲取用戶手機號、用戶輸入的驗證碼、以及請求id
        String phoneNum = (String) map.get("phoneNum");
        String code = (String)map.get("code");
        String requestId = (String) map.get("requestId");
        // 數據庫查詢該發送記錄，從而判斷驗證碼是否正確
        String sql = "select datetime from msg where code=? and phone=? and requestid=? order by datetime desc";
        List<Map<String, Object>> list = jdbcTemplate.queryForList(sql,code,phoneNum,requestId);
        JSONObject res = new JSONObject();
        
        if(list.size()>0&&list!=null){
            Object str=list.get(0).get("datetime");
            Long time= Long.parseLong(str.toString());
            Date now=new Date();
            // 判斷時間是否超過半小時
            if(now.getTime()-time>1000*60*30){
                res.put("code", false);
                res.put("msg", "超時");
            }else{
                res.put("code", true);
                res.put("msg", "驗證成功");
            }
        }else {
            res.put("code", false);
            res.put("msg", "驗證碼錯誤");
        }

        return JSON.toJSONString(res);
    }

}

前端驗證demo

<!DOCTYPE html>
<html lang="en">

<head>
	<meta charset="UTF-8">
	<title>api-test</title>
	<script src="https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
</head>

<body>
	<div>
		<div>
			<label for="phonenum">手機號：<input id="phonenum" name="phonenum" type="text" /></label>
			<button id="sendMsg">發送</button>
		</div>
		<div>
			<label for="code">驗證碼：<input id="code" name="code" type="text" /></label>
		</div>
		<div><button id="checkMsg">提交</button></div>
	</div>
	<script>
		var requestId = "",codeNum="";

		$('#sendMsg').click(() => {
			let phonenum = $("#phonenum").val()
			console.log(phonenum)

			$.ajax({
				type: "POST", 
				dataType: "json",
				contentType: 'application/json;charset=UTF-8',
				url: "http://127.0.0.1:8082/msg/sendMsg", 
				data: JSON.stringify({ "phoneNum": phonenum }),

				error: function (request) {  //失敗的話
					console.log(request)
				},
				success: function (data) {  //成功
					$('#sendMsg').hide()
					requestId=data.requestId
					codeNum=data.code
				}
			});
		});

		$('#checkMsg').click(() => {
			    let phonenum = $("#phonenum").val()
			    let code = $("#code").val()

				$.ajax({
					type: "POST",   
					dataType: "json",
					contentType: 'application/json;charset=UTF-8',
					url: "http://127.0.0.1:8082/msg/checkCode", 
					data: JSON.stringify({ "phoneNum": phonenum ,"code":code,"requestId": requestId}),

					error: function (request) {  //失敗的話
						console.log(request)
					},
					success: function (data) {  //成功
						if(data.code){
							$('#checkMsg').hide()
							alert("成功")
						}else{
							alert(data.msg)
						}

					}
				});
			});

	</script>
</body>

</html>

【springboot+ajax】阿里雲短信服務

發送短信驗證碼

開通阿里雲短信服務

Springboot後臺接口

前端驗證demo

vue幾種傳參方式及適用場景

hive數據庫導入mysql數據庫

【vscode配置】sringboot項目

vue項目頁面切換後高德地圖autocomplete功能失效

【vue項目】讀取本地文件

https://yachay.unat.edu.pe/blog/index.php?comment_area=format_blog&comment_component=blog&comment_co

linux以太網驅動總結