Spring MVC 中短信驗證碼功能的實現(xiàn)方法

更新時間：2016年09月30日 15:22:45 作者：chendongj

短信驗證功能在各個網(wǎng)站應用都非常廣泛，那么在springmvc中如何實現(xiàn)短信驗證碼功能呢？今天小編抽時間給大家介紹下Spring MVC 中短信驗證碼功能的實現(xiàn)方法，一起看看吧

在外部網(wǎng)站中短信的驗證很有必要，比如在實現(xiàn)注冊、驗證用戶信息等的情況下。在SpringMVC中的實現(xiàn)如下：

短信接口

短信接口，有些企業(yè)會購買的有移動的短信平臺接口。如果是個人或者是小企業(yè)可以使用一些云服務的。比如百度的API Store上面的。

我使用的是：http://apistore.baidu.com/apiworks/servicedetail/1018.html

當然短信接口肯定都是要付費的，而且是基于模板的，具體的使用說明可以看這個網(wǎng)址里面的使用說明。

前端界面

前端的界面，可能如下，點擊獲取驗證碼，然后按鈕變?yōu)榛疑⑶业褂嫊r。（手機號是我的~~）

HTML代碼就不寫了，JS如下：vailidationCode是獲取驗證碼按鈕的ID。phone是手機號碼的ID，手機號碼只是簡單的驗證了，如果是要更精確，使用正則，其中的url的sendSms是后臺的springMVC的路徑。

$("#validationCode").click(function(){
var phone = $("#phone").val();
if($("#phone").val() && $("#phone").val().length == 11){
$.ajax({
cache : false,
url : "sendSms",
data : {phone : phone}
});
updateButtonStatus();
}else {
alert("請輸入合法的手機號");
}
});
var countdown=60;
function updateButtonStatus(){
var phone = $("#validationCode");
if (countdown == 0) {
phone.attr("disabled","false");
phone.val("免費獲取驗證碼");
countdown = 60;
return;
} else {
phone.attr("disabled","true");
phone.val("重新發(fā)送(" + countdown + ")");
countdown--;
}
setTimeout(function() {
updateButtonStatus() }
,1000)
}

后端代碼

@RequestMapping(value = "/sendSms")
@ResponseBody
public String sendSMS(@RequestParam("phone") String phone, HttpServletRequest request){
StringBuilder code = new StringBuilder();
Random random = new Random();
// 生成6位驗證碼
for (int i = 0; i < 6; i++) {
code.append(String.valueOf(random.nextInt(10)));
}
HttpSession session = request.getSession();
session.setAttribute(VALIDATE_PHONE, phone);
session.setAttribute(VALIDATE_PHONE_CODE, code.toString());
session.setAttribute(SEND_CODE_TIME, new Date().getTime());
String smsText = "您的驗證碼是:"+code;
SMSUtil.send(phone,smsText);
return "success";
}

其中的SMSUtil是封裝的上面的短信接口的發(fā)送類。參考如下，其中的API_KEY改成自己的。

public class SMSUtil {
static String httpUrl = "http://apis.baidu.com/kingtto_media/106sms/106sms";
final static String API_KEY = "xxxx";
public static String send(String phone,String content) {
BufferedReader reader = null;
String result = null;
StringBuffer sbf = new StringBuffer();
try {
String httpArg = "mobile="+phone+"&content="+URLEncoder.encode(content,"UTF-8")+"&tag=2";
httpUrl = httpUrl + "?" + httpArg ;
URL url = new URL(httpUrl);
HttpURLConnection connection = (HttpURLConnection) url
.openConnection();
connection.setRequestMethod("GET");
// 填入apikey到HTTP header
connection.setRequestProperty("apikey",API_KEY);
connection.connect();
InputStream is = connection.getInputStream();
reader = new BufferedReader(new InputStreamReader(is, "UTF-8"));
String strRead = null;
while ((strRead = reader.readLine()) != null) {
sbf.append(strRead);
sbf.append("\r\n");
}
reader.close();
result = sbf.toString();
} catch (Exception e) {
e.printStackTrace();
}
return result;
}
}

前臺的表單提交前還需要使用ajax做一下表單的驗證，驗證一下驗證碼是否正確：

@RequestMapping("/validate")
@ResponseBody
protected String validate(HttpServletRequest request,@RequestParam("phone") String inputPhone,@RequestParam ("code") String inputCode){
HttpSession session = request.getSession();
String code = (String) session.getAttribute(VALIDATE_PHONE_CODE);
String phone = (String) session.getAttribute(VALIDATE_PHONE);
if(phone.equals(inputPhone) && code.equalsIgnoreCase(inputCode)){
return "success";
}else{
return "failure";
}
}

以上所述是小編給大家介紹的Spring MVC 中短信驗證碼功能的實現(xiàn)方法，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持！

您可能感興趣的文章: