這篇文章主要講解了“Java怎么實(shí)現(xiàn)開(kāi)發(fā)網(wǎng)站注冊(cè)、登錄時(shí)經(jīng)常需要用到短信驗(yàn)證碼功能”,文中的講解內(nèi)容簡(jiǎn)單清晰,易于學(xué)習(xí)與理解,下面請(qǐng)大家跟著小編的思路慢慢深入,一起來(lái)研究和學(xué)習(xí)“Java怎么實(shí)現(xiàn)開(kāi)發(fā)網(wǎng)站注冊(cè)、登錄時(shí)經(jīng)常需要用到短信驗(yàn)證碼功能”吧!
成都創(chuàng)新互聯(lián)成立十載來(lái),這條路我們正越走越好,積累了技術(shù)與客戶資源,形成了良好的口碑。為客戶提供成都網(wǎng)站建設(shè)、網(wǎng)站制作、網(wǎng)站策劃、網(wǎng)頁(yè)設(shè)計(jì)、域名注冊(cè)、網(wǎng)絡(luò)營(yíng)銷、VI設(shè)計(jì)、網(wǎng)站改版、漏洞修補(bǔ)等服務(wù)。網(wǎng)站是否美觀、功能強(qiáng)大、用戶體驗(yàn)好、性價(jià)比高、打開(kāi)快等等,這些對(duì)于網(wǎng)站建設(shè)都非常重要,成都創(chuàng)新互聯(lián)通過(guò)對(duì)建站技術(shù)性的掌握、對(duì)創(chuàng)意設(shè)計(jì)的研究為客戶提供一站式互聯(lián)網(wǎng)解決方案,攜手廣大客戶,共同發(fā)展進(jìn)步。
開(kāi)發(fā)人員在開(kāi)發(fā)網(wǎng)站注冊(cè)、登錄時(shí)經(jīng)常需要用到短信驗(yàn)證碼功能,下面小編就來(lái)詳細(xì)介紹一下如何集成這個(gè)功能。
下面以使用榛子云短信為例:
1. 首先注冊(cè)一個(gè)榛子云賬號(hào),注冊(cè)地址: http://sms_developer.zhenzikj.com/zhenzisms_user/register.html

2. 注冊(cè)完畢后從個(gè)人登錄入口進(jìn)入,地址:http://sms_developer.zhenzikj.com/zhenzisms_user/login.html

3. 進(jìn)入"應(yīng)用管理",默認(rèn)會(huì)自動(dòng)創(chuàng)建一個(gè)應(yīng)用,獲取AppId和AppSecret,這兩個(gè)參數(shù)是用于開(kāi)發(fā)的。

4. 下載SDK,我用的java開(kāi)發(fā),所以,下面的例子也以java為例,http://smsow.zhenzikj.com/doc/sdk.html
你可以直接下載jar包導(dǎo)入項(xiàng)目中,也可以使用maven
<dependency>
<groupId>com.zhenzikj</groupId>
<artifactId>zhenzisms</artifactId>
<version>1.0.2</version>
</dependency>
5. 參考開(kāi)發(fā)文檔發(fā)送短信http://smsow.zhenzikj.com/doc/java_sdk_doc.html
AppId、AppSecret就是我們剛才從應(yīng)用管理中獲取的,apiUrl參數(shù),由于我是個(gè)人賬號(hào),固定使用https://sms_developer.zhenzikj.com
注: 通過(guò)自己注冊(cè)的都是個(gè)人賬號(hào),企業(yè)賬號(hào)需要單獨(dú)聯(lián)系客服申請(qǐng)
使用很簡(jiǎn)單,初始化一個(gè)ZhenziSmsClient對(duì)象,然后調(diào)用send()方法發(fā)送短信
6. 一個(gè)完整的例子
一個(gè)完整的java發(fā)送短信驗(yàn)證碼的完整實(shí)例,這是一個(gè)官方的使用demo,帶有60秒倒計(jì)時(shí)功能。
效果:
源碼
短信驗(yàn)證碼實(shí)現(xiàn)流程
1、構(gòu)造手機(jī)驗(yàn)證碼,生成一個(gè)6位的隨機(jī)數(shù)字串;
2、使用接口向短信平臺(tái)發(fā)送手機(jī)號(hào)和驗(yàn)證碼,然后短信平臺(tái)再把驗(yàn)證碼發(fā)送到制定手機(jī)號(hào)上
3、將手機(jī)號(hào)驗(yàn)證碼、操作時(shí)間存入Session中,作為后面驗(yàn)證使用;
4、接收用戶填寫的驗(yàn)證碼、手機(jī)號(hào)及其他注冊(cè)數(shù)據(jù);
5、對(duì)比提交的驗(yàn)證碼與Session中的驗(yàn)證碼是否一致,同時(shí)判斷提交動(dòng)作是否在有效期內(nèi);
6、驗(yàn)證碼正確且在有效期內(nèi),請(qǐng)求通過(guò),處理相應(yīng)的業(yè)務(wù)。
我是java開(kāi)發(fā)者,后端使用了springMvc,前端用的是jsp + jquery
html
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path;
%>
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>驗(yàn)證碼使用演示</title>
<link href="<%=basePath%>/css/register.css" rel="stylesheet" >
<script src="<%=basePath%>/js/jquery-2.1.1.min.js" type="text/javascript"></script>
<script src="<%=basePath%>/js/register.js" type="text/javascript"></script>
<script>
function getBasePath(){
return '<%=basePath%>';
}
</script>
</head>
<body>
<form>
<div class="row">
<label>賬號(hào): </label><input name="userId">
</div>
<div class="row">
<label>密碼:</label><input name="password">
</div>
<div class="row">
<label>手機(jī)號(hào):</label><input name="mobile">
</div>
<div class="row">
<label>驗(yàn)證碼:</label>
<input name="verifyCode">
<button type="button" class="sendVerifyCode">獲取短信驗(yàn)證碼</button>
</div>
<div><button type="button" class="sub-btn">提交</button></div>
</form>
</body>
</html>js
$(function(){
//短信驗(yàn)證碼倒計(jì)時(shí)
var countdownHandler = function(){
var $button = $(".sendVerifyCode");
var number = 60;
var countdown = function(){
if (number == 0) {
$button.attr("disabled",false);
$button.html("發(fā)送驗(yàn)證碼");
number = 60;
return;
} else {
$button.attr("disabled",true);
$button.html(number + "秒 重新發(fā)送");
number--;
}
setTimeout(countdown,1000);
}
setTimeout(countdown,1000);
}
//發(fā)送短信驗(yàn)證碼
$(".sendVerifyCode").on("click", function(){
var $mobile = $("input[name=mobile]");
var data = {};
data.mobile = $.trim($mobile.val());
if(data.mobile == ''){
alert('請(qǐng)輸入手機(jī)號(hào)碼');
return;
}
var reg = /^1\d{10}$/;
if(!reg.test(data.mobile)){
alert('請(qǐng)輸入合法的手機(jī)號(hào)碼');
return ;
}
$.ajax({
url: getBasePath()+"/sendSms",
async : true,
type: "post",
dataType: "text",
data: data,
success: function (data) {
if(data == 'success'){
countdownHandler();
return ;
}
alert(data);
}
});
})
//提交
$(".sub-btn").on("click", function(){
var data = {};
data.userId = $.trim($("input[name=userId]").val());
data.password = $.trim($("input[name=password]").val());
data.mobile = $.trim($("input[name=mobile]").val());
data.verifyCode = $.trim($("input[name=verifyCode]").val());
if(data.userId == ''){
alert("請(qǐng)輸入賬號(hào)");
return ;
}
if(data.password == ''){
alert("請(qǐng)輸入密碼");
return ;
}
if(data.mobile == ''){
alert("請(qǐng)輸入手機(jī)號(hào)");
return ;
}
if(data.verifyCode == ''){
alert("請(qǐng)輸入驗(yàn)證碼");
return ;
}
$.ajax({
url: getBasePath()+"/register",
async : true,
type: "post",
dataType: "text",
data: data,
success: function (data) {
if(data == 'success'){
alert("注冊(cè)成功");
return ;
}
alert(data);
}
});
})
});這里省略了所有非空、手機(jī)號(hào)格式驗(yàn)證
流程:
1)填寫手機(jī)號(hào)
2)獲取手機(jī)號(hào)碼,調(diào)用sendSms.html接口向手機(jī)發(fā)送短信驗(yàn)證碼
3)用戶手機(jī)接收到驗(yàn)證碼后,將其填寫到"驗(yàn)證碼"文本框中
后端代碼
發(fā)送短信驗(yàn)證碼
package com.zhenzi.sms;
import java.io.IOException;
import java.util.Random;
import javax.servlet.ServletException;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import javax.servlet.http.HttpSession;
import com.alibaba.fastjson.JSONObject;
/**
* 獲取驗(yàn)證碼
*/
public class SendSmsServlet extends HttpServlet {
private static final long serialVersionUID = 1L;
//短信平臺(tái)相關(guān)參數(shù)
private String apiUrl = "https://sms_developer.zhenzikj.com";
private String appId = "000000";
private String appSecret = "c384b67bdsserev3343cdda4de5c8";
public SendSmsServlet() {
super();
}
protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
doPost(request, response);
}
/**
* 短信平臺(tái)使用的是榛子云短信(smsow.zhenzikj.com)
*/
protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
try {
String mobile = request.getParameter("mobile");
JSONObject json = null;
//生成6位驗(yàn)證碼
String verifyCode = String.valueOf(new Random().nextInt(899999) + 100000);
//發(fā)送短信
ZhenziSmsClient client = new ZhenziSmsClient(apiUrl, appId, appSecret);
String result = "{code:0}";//client.send(mobile, "您的驗(yàn)證碼為:" + verifyCode + ",該碼有效期為5分鐘,該碼只能使用一次!");
json = JSONObject.parseObject(result);
if(json.getIntValue("code") != 0){//發(fā)送短信失敗
renderData(response, "fail");
return;
}
//將驗(yàn)證碼存到session中,同時(shí)存入創(chuàng)建時(shí)間
//以json存放,這里使用的是阿里的fastjson
HttpSession session = request.getSession();
json = new JSONObject();
json.put("mobile", mobile);
json.put("verifyCode", verifyCode);
json.put("createTime", System.currentTimeMillis());
// 將認(rèn)證碼存入SESSION
request.getSession().setAttribute("verifyCode", json);
renderData(response, "success");
return ;
} catch (Exception e) {
e.printStackTrace();
}
renderData(response, "fail");
}
protected void renderData(HttpServletResponse response, String data){
try {
response.setContentType("text/plain;charset=UTF-8");
response.getWriter().write(data);
} catch (Exception e) {
e.printStackTrace();
}
}
}json工具使用的是阿里的 fastjson
appId和appSecret換成你自己的,注冊(cè)之后可獲得
注冊(cè)地址: http://sms_developer.zhenzikj.com/zhenzisms_user/register.html
提交注冊(cè)
package com.zhenzi.sms;
import java.io.IOException;
import javax.servlet.ServletException;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import com.alibaba.fastjson.JSONObject;
/**
* 注冊(cè)
*/
public class RegisterServlet extends HttpServlet {
private static final long serialVersionUID = 1L;
public RegisterServlet() {
super();
}
protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
doPost(request, response);
}
protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
String userId = request.getParameter("userId");
String password = request.getParameter("password");
String mobile = request.getParameter("mobile");
String verifyCode = request.getParameter("verifyCode");
JSONObject json = (JSONObject)request.getSession().getAttribute("verifyCode");
if(json == null){
renderData(response, "驗(yàn)證碼錯(cuò)誤");
return ;
}
if(!json.getString("mobile").equals(mobile)){
renderData(response, "手機(jī)號(hào)錯(cuò)誤");
return ;
}
if(!json.getString("verifyCode").equals(verifyCode)){
renderData(response, "驗(yàn)證碼錯(cuò)誤");
return ;
}
if((System.currentTimeMillis() - json.getLong("createTime")) > 1000 * 60 * 5){
renderData(response, "驗(yàn)證碼已過(guò)期");
return ;
}
//其他業(yè)務(wù)代碼
renderData(response, "success");
}
protected void renderData(HttpServletResponse response, String data){
try {
response.setContentType("text/plain;charset=UTF-8");
response.getWriter().write(data);
} catch (Exception e) {
e.printStackTrace();
}
}
}ok,大功告成
感謝各位的閱讀,以上就是“Java怎么實(shí)現(xiàn)開(kāi)發(fā)網(wǎng)站注冊(cè)、登錄時(shí)經(jīng)常需要用到短信驗(yàn)證碼功能”的內(nèi)容了,經(jīng)過(guò)本文的學(xué)習(xí)后,相信大家對(duì)Java怎么實(shí)現(xiàn)開(kāi)發(fā)網(wǎng)站注冊(cè)、登錄時(shí)經(jīng)常需要用到短信驗(yàn)證碼功能這一問(wèn)題有了更深刻的體會(huì),具體使用情況還需要大家實(shí)踐驗(yàn)證。這里是創(chuàng)新互聯(lián),小編將為大家推送更多相關(guān)知識(shí)點(diǎn)的文章,歡迎關(guān)注!
當(dāng)前題目:Java怎么實(shí)現(xiàn)開(kāi)發(fā)網(wǎng)站注冊(cè)、登錄時(shí)經(jīng)常需要用到短信驗(yàn)證碼功能
網(wǎng)站地址:http://chinadenli.net/article26/jhpojg.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供全網(wǎng)營(yíng)銷推廣、網(wǎng)站內(nèi)鏈、網(wǎng)站維護(hù)、定制開(kāi)發(fā)、企業(yè)建站、網(wǎng)站收錄
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來(lái)源: 創(chuàng)新互聯(lián)