溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務(wù)條款》
您好，登錄后才能下訂單哦！
這篇文章主要講解了“Java怎么實現(xiàn)開發(fā)網(wǎng)站注冊、登錄時經(jīng)常需要用到短信驗證碼功能”，文中的講解內(nèi)容簡單清晰，易于學(xué)習與理解，下面請大家跟著小編的思路慢慢深入，一起來研究和學(xué)習“Java怎么實現(xiàn)開發(fā)網(wǎng)站注冊、登錄時經(jīng)常需要用到短信驗證碼功能”吧！
開發(fā)人員在開發(fā)網(wǎng)站注冊、登錄時經(jīng)常需要用到短信驗證碼功能，下面小編就來詳細介紹一下如何集成這個功能。
下面以使用榛子云短信為例:
1. 首先注冊一個榛子云賬號，注冊地址: http://sms_developer.zhenzikj.com/zhenzisms_user/register.html
2. 注冊完畢后從個人登錄入口進入，地址:http://sms_developer.zhenzikj.com/zhenzisms_user/login.html
3. 進入"應(yīng)用管理"，默認會自動創(chuàng)建一個應(yīng)用，獲取AppId和AppSecret，這兩個參數(shù)是用于開發(fā)的。
4. 下載SDK，我用的java開發(fā)，所以，下面的例子也以java為例，http://smsow.zhenzikj.com/doc/sdk.html
你可以直接下載jar包導(dǎo)入項目中，也可以使用maven
<dependency>
<groupId>com.zhenzikj</groupId>
<artifactId>zhenzisms</artifactId>
<version>1.0.2</version>
</dependency>
5. 參考開發(fā)文檔發(fā)送短信http://smsow.zhenzikj.com/doc/java_sdk_doc.html
AppId、AppSecret就是我們剛才從應(yīng)用管理中獲取的，apiUrl參數(shù)，由于我是個人賬號，固定使用https://sms_developer.zhenzikj.com
注: 通過自己注冊的都是個人賬號，企業(yè)賬號需要單獨聯(lián)系客服申請
使用很簡單，初始化一個ZhenziSmsClient對象，然后調(diào)用send()方法發(fā)送短信
6. 一個完整的例子
一個完整的java發(fā)送短信驗證碼的完整實例，這是一個官方的使用demo，帶有60秒倒計時功能。
效果:
源碼
短信驗證碼實現(xiàn)流程
1、構(gòu)造手機驗證碼，生成一個6位的隨機數(shù)字串；
2、使用接口向短信平臺發(fā)送手機號和驗證碼，然后短信平臺再把驗證碼發(fā)送到制定手機號上
3、將手機號驗證碼、操作時間存入Session中，作為后面驗證使用；
4、接收用戶填寫的驗證碼、手機號及其他注冊數(shù)據(jù)；
5、對比提交的驗證碼與Session中的驗證碼是否一致，同時判斷提交動作是否在有效期內(nèi)；
6、驗證碼正確且在有效期內(nèi)，請求通過，處理相應(yīng)的業(yè)務(wù)。
我是java開發(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>驗證碼使用演示</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>賬號: </label><input name="userId">
</div>
<div class="row">
<label>密碼:</label><input name="password">
</div>
<div class="row">
<label>手機號:</label><input name="mobile">
</div>
<div class="row">
<label>驗證碼:</label>
<input name="verifyCode">
<button type="button" class="sendVerifyCode">獲取短信驗證碼</button>
</div>
<div><button type="button" class="sub-btn">提交</button></div>
</form>
</body>
</html>js
$(function(){
//短信驗證碼倒計時
var countdownHandler = function(){
var $button = $(".sendVerifyCode");
var number = 60;
var countdown = function(){
if (number == 0) {
$button.attr("disabled",false);
$button.html("發(fā)送驗證碼");
number = 60;
return;
} else {
$button.attr("disabled",true);
$button.html(number + "秒 重新發(fā)送");
number--;
}
setTimeout(countdown,1000);
}
setTimeout(countdown,1000);
}
//發(fā)送短信驗證碼
$(".sendVerifyCode").on("click", function(){
var $mobile = $("input[name=mobile]");
var data = {};
data.mobile = $.trim($mobile.val());
if(data.mobile == ''){
alert('請輸入手機號碼');
return;
}
var reg = /^1\d{10}$/;
if(!reg.test(data.mobile)){
alert('請輸入合法的手機號碼');
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("請輸入賬號");
return ;
}
if(data.password == ''){
alert("請輸入密碼");
return ;
}
if(data.mobile == ''){
alert("請輸入手機號");
return ;
}
if(data.verifyCode == ''){
alert("請輸入驗證碼");
return ;
}
$.ajax({
url: getBasePath()+"/register",
async : true,
type: "post",
dataType: "text",
data: data,
success: function (data) {
if(data == 'success'){
alert("注冊成功");
return ;
}
alert(data);
}
});
})
});這里省略了所有非空、手機號格式驗證
流程：
1)填寫手機號
2)獲取手機號碼，調(diào)用sendSms.html接口向手機發(fā)送短信驗證碼
3)用戶手機接收到驗證碼后，將其填寫到"驗證碼"文本框中
后端代碼
發(fā)送短信驗證碼
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;
/**
* 獲取驗證碼
*/
public class SendSmsServlet extends HttpServlet {
private static final long serialVersionUID = 1L;
//短信平臺相關(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);
}
/**
* 短信平臺使用的是榛子云短信(smsow.zhenzikj.com)
*/
protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
try {
String mobile = request.getParameter("mobile");
JSONObject json = null;
//生成6位驗證碼
String verifyCode = String.valueOf(new Random().nextInt(899999) + 100000);
//發(fā)送短信
ZhenziSmsClient client = new ZhenziSmsClient(apiUrl, appId, appSecret);
String result = "{code:0}";//client.send(mobile, "您的驗證碼為:" + verifyCode + "，該碼有效期為5分鐘，該碼只能使用一次!");
json = JSONObject.parseObject(result);
if(json.getIntValue("code") != 0){//發(fā)送短信失敗
renderData(response, "fail");
return;
}
//將驗證碼存到session中,同時存入創(chuàng)建時間
//以json存放，這里使用的是阿里的fastjson
HttpSession session = request.getSession();
json = new JSONObject();
json.put("mobile", mobile);
json.put("verifyCode", verifyCode);
json.put("createTime", System.currentTimeMillis());
// 將認證碼存入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換成你自己的，注冊之后可獲得
注冊地址: http://sms_developer.zhenzikj.com/zhenzisms_user/register.html
提交注冊
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;
/**
* 注冊
*/
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, "驗證碼錯誤");
return ;
}
if(!json.getString("mobile").equals(mobile)){
renderData(response, "手機號錯誤");
return ;
}
if(!json.getString("verifyCode").equals(verifyCode)){
renderData(response, "驗證碼錯誤");
return ;
}
if((System.currentTimeMillis() - json.getLong("createTime")) > 1000 * 60 * 5){
renderData(response, "驗證碼已過期");
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怎么實現(xiàn)開發(fā)網(wǎng)站注冊、登錄時經(jīng)常需要用到短信驗證碼功能”的內(nèi)容了，經(jīng)過本文的學(xué)習后，相信大家對Java怎么實現(xiàn)開發(fā)網(wǎng)站注冊、登錄時經(jīng)常需要用到短信驗證碼功能這一問題有了更深刻的體會，具體使用情況還需要大家實踐驗證。這里是億速云，小編將為大家推送更多相關(guān)知識點的文章，歡迎關(guān)注！
免責聲明：本站發(fā)布的內(nèi)容（圖片、視頻和文字）以原創(chuàng)、轉(zhuǎn)載和分享為主，文章觀點不代表本網(wǎng)站立場，如果涉及侵權(quán)請聯(lián)系站長郵箱：is@yisu.com進行舉報，并提供相關(guān)證據(jù)，一經(jīng)查實，將立刻刪除涉嫌侵權(quán)內(nèi)容。
億速云公眾號
手機網(wǎng)站二維碼