java + servlet+ jsp实现发送手机短信验证码
【1】选择平台，完成认证。
短信登陆平台很多，自己可以看个人爱好选择。
我们使用的API平台是：秒嘀云： https://sms.miaodiyun.com/login.html
注册该平台，完成认证就可以获取到参数：ACCOUNT SID ， AUTH TOKEN ， API
【2】创建短信模板 (该模板必须创建，通过平台审核只会才可以使用，而且后续的参数 smsContent 要和模板中的一致 )
【3】发送短信接口
http://www.miaodiyun.com/doc/https_sms.html
编写java手机短信发送代码
【4】项目目录结构 (idea 中创建的普通web工程)
【5】Config.java
1 public class Config { 2 /** 3 * url前半部分 4 */ 5 public static final String BASE_URL = " https://openapi.miaodiyun.com/distr*******dSMS"; 6 7 /** 8 * 开发者注册后系统自动生成的账号，可在官网登录后查看 9 */ 10 public static final String ACCOUNT_SID = "fcf340ac***********915927"; 11 12 /** 13 * 开发者注册后系统自动生成的TOKEN，可在官网登录后查看 14 */ 15 public static final String AUTH_TOKEN = "648384a1***********2c33e4f"; 16 17 /** 18 * 响应数据类型, JSON或XML 19 */ 20 public static final String RESP_DATA_TYPE = "JSON"; 21 }
【6】http请求工具
1 package com.miaodi.comment; 2 3 4 5 import org.apache.commons.codec.digest.DigestUtils; 6 7 import java.io.BufferedReader; 8 import java.io.IOException; 9 import java.io.InputStreamReader; 10 import java.io.OutputStreamWriter; 11 import java.net.URL; 12 import java.net.URLConnection; 13 14 /** 15 * http请求工具 16 */ 17 public class HttpUtil { 18 /** 19 * 构造通用参数timestamp、sig和respDataType 20 * 21 * @return 22 */ 23 public static String createCommonParam(String sid,String token) { 24 // 时间戳 25 long timestamp = System.currentTimeMillis(); 26 // 签名 27 String sig = DigestUtils.md5Hex(sid + token + timestamp); 28 return "×tamp=" + timestamp + "&sig=" + sig + "&respDataType=" + Config.RESP_DATA_TYPE; 29 } 30 31 /** 32 * post请求 33 * 34 * @param url 35 * 功能和操作 36 * @param body 37 * 要post的数据 38 * @return 39 * @throws IOException 40 */ 41 public static String post(String url, String body) { 42 System.out.println("body:" + System.lineSeparator() + body); 43 44 String result = ""; 45 try { 46 OutputStreamWriter out = null; 47 BufferedReader in = null; 48 URL realUrl = new URL(url); 49 URLConnection conn = realUrl.openConnection(); 50 51 // 设置连接参数 52 conn.setDoOutput(true); 53 conn.setDoInput(true); 54 conn.setConnectTimeout(5000); 55 conn.setReadTimeout(20000); 56 conn.setRequestProperty("Content-Type", "application/x-www-form-urlencoded"); 57 // 提交数据 58 out = new OutputStreamWriter(conn.getOutputStream(), "UTF-8"); 59 out.write(body); 60 out.flush(); 61 62 // 读取返回数据 63 in = new BufferedReader(new InputStreamReader(conn.getInputStream(), "UTF-8")); 64 String line = ""; 65 boolean firstLine = true; // 读第一行不加换行符 66 while ((line = in.readLine()) != null) { 67 if (firstLine) { 68 firstLine = false; 69 } else { 70 result += System.lineSeparator(); 71 } 72 result += line; 73 } 74 75 } catch (Exception e) { 76 e.printStackTrace(); 77 } 78 return result; 79 } 80 81 /** 82 * 回调测试工具方法 83 * 84 * @param url 85 * @return 86 */ 87 public static String postHuiDiao(String url, String body) { 88 String result = ""; 89 try { 90 OutputStreamWriter out = null; 91 BufferedReader in = null; 92 URL realUrl = new URL(url); 93 URLConnection conn = realUrl.openConnection(); 94 95 // 设置连接参数 96 conn.setDoOutput(true); 97 conn.setDoInput(true); 98 conn.setConnectTimeout(5000); 99 conn.setReadTimeout(20000); 100 101 // 提交数据 102 out = new OutputStreamWriter(conn.getOutputStream(), "UTF-8"); 103 out.write(body); 104 out.flush(); 105 106 // 读取返回数据 107 in = new BufferedReader(new InputStreamReader(conn.getInputStream(), "UTF-8")); 108 String line = ""; 109 boolean firstLine = true; // 读第一行不加换行符 110 while ((line = in.readLine()) != null) { 111 if (firstLine) { 112 firstLine = false; 113 } else { 114 result += System.lineSeparator(); 115 } 116 result += line; 117 } 118 } catch (Exception e) { 119 e.printStackTrace(); 120 } 121 return result; 122 } 123 }
【7】获取验证码类
1 package com.miaodi.getcode; 2 3 import com.alibaba.fastjson.JSONObject; 4 import com.miaodi.comment.Config; 5 import com.miaodi.comment.HttpUtil; 6 7 import java.net.URLEncoder; 8 9 /** 10 * @author: 张瑛 11 * @date: 2019/7/5-12:22 12 */ 13 public class GetMessageCode { 14 15 private static String accountSid = Config.ACCOUNT_SID; 16 private static String rod=smsCode(); //生成一个随机验证码 17 private static String smsContent = "【南京车纷享汽车服务有限公司】登录验证码："+rod +"，如非本人操作，请忽略此短信"; 18 19 //创建验证码 20 public static String smsCode(){ 21 String random=(int)((Math.random()*9+1)*100000)+""; 22 return random; 23 } 24 25 //根据相应的手机号发送验证码 26 public static String getCode(String phone){ 27 String tmpSmsContent = null; 28 try{ 29 tmpSmsContent = URLEncoder.encode(smsContent, "UTF-8"); 30 }catch(Exception e){ 31 e.getMessage(); 32 } 33 34 String url = Config.BASE_URL; 35 String body = "accountSid=" + accountSid + "&to=" + phone + "&smsContent=" + tmpSmsContent 36 + HttpUtil.createCommonParam(Config.ACCOUNT_SID,Config.AUTH_TOKEN); 37 38 // 提交请求 39 String result = HttpUtil.post(url, body); 40 41 42 //字符串转json对象 43 JSONObject jsonObject = JSONObject.parseObject(result); 44 String respCode = jsonObject.getString("respCode"); 45 46 System.out.println("验证码："+rod); 47 System.out.println("结果码："+respCode); 48 49 //反馈-00000状态码标识请求成功， 50 String defaultRespCode="0000"; 51 if(defaultRespCode.equals(respCode)){ 52 return rod; 53 }else{ 54 return defaultRespCode; 55 } 56 } 57 58 }
【8】servlet类
1 package com.tencent.loginservlet; 2 3 import com.miaodi.getcode.GetMessageCode; 4 5 import javax.servlet.ServletException; 6 import javax.servlet.annotation.WebServlet; 7 import javax.servlet.http.HttpServlet; 8 import javax.servlet.http.HttpServletRequest; 9 import javax.servlet.http.HttpServletResponse; 10 import java.io.IOException; 11 12 /** 13 * @author: 张瑛 14 * @date: 2019/7/5-10:37 15 */ 16 @WebServlet(name = "LoginServlet",urlPatterns = "/sendSMS") 17 public class LoginServlet extends HttpServlet { 18 19 /** serialVersionUID*/ 20 private static final long serialVersionUID = 1L; 21 22 protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { 23 request.setCharacterEncoding("utf-8"); 24 String phone=request.getParameter("phone"); 25 //根据获取到的手机号发送验证码 26 String code = GetMessageCode.getCode(phone); 27 System.out.println("返回code"+code); 28 response.getWriter().print(code); 29 30 } 31 32 protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { 33 this.doPost(request,response); 34 } 35 36 }
【9】login.jsp
1 <%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%> 2 <% 3 String path = request.getContextPath(); 4 String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/"; 5 %> 6 <html> 7 <head> 8 <base href="<%=basePath%>"> 9 <title>测试短信登陆</title> 10 </head> 11 <meta http-equiv="pragma" content="no-cache"> 12 <meta http-equiv="cache-control" content="no-cache"> 13 <meta http-equiv="expires" content="0"> 14 15 <link rel="stylesheet" href="CSS/bootstrap/bootstrap.min.css" /> 16 <script type="text/javascript" src="js/jQuery/jquery-3.4.1.js"></script> 17 <style type="text/css"> 18 #login { 19 width: 450px; 20 height: 100px; 21 margin: 126px auto; 22 } 23 24 #btn { 25 margin-left: 100px; 26 margin-top: -25px; 27 width: 120px; 28 height: 25px; 29 font-size: 11px; 30 } 31 32 body { 33 background-color: #ecfcf9; 34 } 35 </style> 36 </head> 37 <script type="text/javascript"> 38 var InterValObj; //timer变量，控制时间 39 var count = 60; //间隔函数，1秒执行 40 var curCount;//当前剩余秒数 41 42 function sendMessage() { 43 curCount = count; 44 $("#btn").attr("disabled", "true"); 45 $("#btn").val(curCount + "秒后可重新发送"); 46 InterValObj = window.setInterval(SetRemainTime, 1000); //启动计时器，1秒执行一次请求后台发送验证码 TODO 47 } 48 //timer处理函数 49 function SetRemainTime() { 50 if (curCount == 0) { 51 window.clearInterval(InterValObj);//停止计时器 52 $("#btn").removeAttr("disabled");//启用按钮 53 $("#btn").val("重新发送验证码"); 54 } else { 55 curCount--; 56 $("#btn").val(curCount + "秒后可重新发送"); 57 } 58 } 59 </script> 60 61 <body> 62 <div class="container"> 63 <div id="login"> 64 <fieldset> 65 <div id="legend" class=""> 66 <legend class="">用户登录</legend> 67 </div> 68 <form class="form-horizontal" role="form"> 69 70 <div class="form-group"> <label class="col-sm-2 control-label">手机号</label> 71 <div class="col-sm-5"> 72 <input type="text" class="form-control" id="phone" name="phone" placeholder="请输入您的手机号" required> 73 </div> 74 </div> 75 76 <div class="form-group"> <label class="col-sm-2 control-label">验证码</label> 77 <div class="col-sm-3"> 78 <input type="code" class="form-control" id="code" name="code" placeholder="验证码" required> 79 <input class="btn btn-default" id="btn" name="btn" value="发送验证码" /> 80 </div> 81 </div> 82 83 <div class="form-group"> 84 <div class="col-sm-offset-2 col-sm-10"> 85 <button type="button" class="btn btn-success" id="lo">手机号登录</button> 86 </div> 87 </div> 88 89 </form> 90 </fieldset> 91 </div> 92 </div> 93 </body> 94 95 <script type="text/javascript"> 96 var sms = ""; 97 $("#btn").click(function() { 98 var phone = $("#phone").val(); 99 if (phone != "") { 100 sendMessage(); 101 $.ajax({ 102 url : "sendSMS", //发送请求 103 type : "post", 104 data : { 105 "phone" : phone 106 }, 107 success : function(result) { 108 sms = result; 109 } 110 }); 111 } else { 112 alert("请输入手机号"); 113 return false; 114 } 115 }); 116 $("#lo").click(function() { 117 var code = $("#code").val(); 118 if (code == "") { 119 alert("请输入验证码"); 120 } else { 121 if (sms == code) { 122 window.location.href = "success.jsp"; 123 } else { 124 alert("验证码错误"); 125 } 126 ; 127 } 128 ; 129 }); 130 </script> 131 132 </html>
【10】备注：
lib是一些jar包，jar可以从秒嘀云平台的demo中导入到自己的工程中，也可以自己从网上下载，主要用到的是commons-codec-1.9.jar 做加密用的，fastjson-1.2.49.jar 是作json转化用的，其他的没啥用。
页面中引入的bootstrap 和jQuery 库 自己可以从网上下载。succee.jsp 等可以自定义。
实在需要源码的：发邮件到 [email protected] 看见了就回，看不见就算了。