利用WeX5给手机APP增加短信验证码功能

调了好几天短信验证测试&＃xff0c;终于成功&＃xff0c;现将全部源代码发给大家&＃xff0c;希望对各位有所帮助&＃xff0c;少走弯路。 如有问题&＃xff0c;请加入我的QQ :893586170Model.prototype.saveUserBtnClick &＃61; function(event) {var userData &＃61; this.comp("userData");var params &＃61; {"userData" : userData.toJson(true)};var success &＃61; function(resultData) {userData.applyUpdates();justep.Util.hint("用户信息保存成功");};Baas.sendRequest({"url" : "/takeout","action" : "save","params" : params,"success" : success});var paramsa &＃61; {"fPhoneNumber" : userData.val("fPhoneNumber")};var successa &＃61; function(resultData){//拿到从后台返回的验证码
alert(resultData.CheckCode);};Baas.sendRequest({"url" : "/takeout","action" : "DuanXinCheck","params" : paramsa,"success" : successa});};private static void DuanXinCheck(ServletRequest request, ServletResponse response) throws SQLException, IOException, NamingException , Exception{JSONObject params &＃61; (JSONObject) JSONObject.parse(request.getParameter("params"));String reta &＃61;null; String fPhoneNumber &＃61; params.getString("fPhoneNumber");//生成6位数字的随机字符串int suiji &＃61; new Random().nextInt(899999)&＃43;100000;String backStr&＃61;Integer.toString(suiji);// 将随机字符串通过jsonOBJ返回前台 JSONObject jsonObj &＃61; new JSONObject();jsonObj.put("CheckCode", backStr);Util.writeJsonToResponse(response, jsonObj);String dxurl&＃61;"http://utf8.sms.webchinese.cn";String PostData &＃61;"Uid&＃61;kljkljklk1&Key&＃61;ekjlkj271c32a&smsMob&＃61;"&＃43;fPhoneNumber&＃43;"&smsText&＃61;验证码&＃xff1a;"&＃43;backStr&＃43;" (本信息由系统自动发出&＃xff0c;不要回复&＃xff09;";reta &＃61; Send.SMS(PostData,dxurl);}package com.justep.baas.takeout;import java.io.BufferedReader;
import java.io.IOException;
import java.io.InputStreamReader;
import java.io.OutputStreamWriter;
import java.net.HttpURLConnection;
import java.net.URL;/**
*
* &＃64;author Administrator
*/
public class Send {public static String SMS(String postData, String postUrl) {try {//发送POST请求URL url &＃61; new URL(postUrl);HttpURLConnection conn &＃61; (HttpURLConnection) url.openConnection();conn.setRequestMethod("POST");conn.setRequestProperty("Content-Type", "application/x-www-form-urlencoded");conn.setRequestProperty("Connection", "Keep-Alive");conn.setUseCaches(false);conn.setDoOutput(true);conn.setRequestProperty("Content-Length", "" &＃43; postData.length());OutputStreamWriter out &＃61; new OutputStreamWriter(conn.getOutputStream(), "UTF-8");out.write(postData);out.flush();out.close();//获取响应状态if (conn.getResponseCode() !&＃61; HttpURLConnection.HTTP_OK) {System.out.println("connect failed!");return "";}//获取响应内容体String line, result &＃61; "";BufferedReader in &＃61; new BufferedReader(new InputStreamReader(conn.getInputStream(), "utf-8"));while ((line &＃61; in.readLine()) !&＃61; null) {result &＃43;&＃61; line &＃43; "\n";}in.close();return result;} catch (IOException e) {e.printStackTrace(System.out);}return "";}
}

当用户输入 手机号后按短信验证码”按钮的事件是Model.prototype.button2Click &＃61; function(event){//当用户输入手机号后&＃xff0c;按短信验证码的处理动作//此处为检查手机号和密码是否符合规则的代码&＃xff0c;省略//把手机号发往后台var params &＃61; {"fCellphone":this.comp("haircutterData").getValue("fCellphone")};// 请求成功后的回调方法var success &＃61; function(resultData) {//拿到从后台返回的验证码
alert(resultData.CheckCode);};// 向后台发送请求
Baas.sendRequest({"url" : "/haircut", // servlet请求地址"params" : params, // action对应的参数"action" : "checkCodeAction", // action"success" : success // 请求成功后的回调方法
});};

后台我们使用的是中国网建的短信发送平台 相关网址是 http://www.smschinese.cn/
需要在他的网站上注册和充值才能拿到 Uid&＃xff08;用户名)&＃xff0c; 短信密钥, 这些通过他这个短信发送平台所必须的参数。
后台的servlet接口的动作函数如下&＃xff08;各种配置、转接、请参考相关视频文件&＃xff09;引入的短信平台和生成随机数的jar包:&＃xff08;短信发送平台的Jar包可以在中国网建的网站上下载&＃xff09;
import java.util.Random;import org.apache.commons.httpclient.Header;
import org.apache.commons.httpclient.HttpClient;
import org.apache.commons.httpclient.NameValuePair;
import org.apache.commons.httpclient.methods.PostMethod;//查询向短信发送器发送随机验证码&＃xff0c;同时把验证码送回前端private static void checkCodeAction(ServletRequest request, ServletResponse response) throws SQLException, IOException, NamingException , Exception{// 参数序列化JSONObject params &＃61; (JSONObject) JSONObject.parse(request.getParameter("params"));// 拿到前台传过来的手机号String fCellphone &＃61; params.getString("fCellphone");//生成6位数字的随机字符串int suiji &＃61; new Random().nextInt(899999)&＃43;100000;String backStr&＃61;Integer.toString(suiji);// 将随机字符串通过jsonOBJ返回前台 JSONObject jsonObj &＃61; new JSONObject();jsonObj.put("CheckCode", backStr);Util.writeJsonToResponse(response, jsonObj);//把这个随机数发到短信平台de
HttpClient client &＃61; new HttpClient();PostMethod post &＃61; new PostMethod("http://gbk.sms.webchinese.cn"); post.addRequestHeader("Content-Type","application/x-www-form-urlencoded;charset&＃61;gbk");//在头文件中设置转码NameValuePair[] data &＃61;{ new NameValuePair("Uid", "用户名"),new NameValuePair("Key", "我用户名的短信密钥"),new NameValuePair("smsMob",fCellphone),new NameValuePair("smsText","验证码&＃xff1a;"&＃43;backStr&＃43;" (本信息由系统自动发出&＃xff0c;不要回复&＃xff09;")};//这段Java代码是直接从他家demo拷贝下来的&＃xff0c;只需要修改这句话&＃xff0c;填写你在他家注册的用户名、短信密钥&＃xff0c;参数中加要发送的手机号和验证码短信
post.setRequestBody(data);try{client.executeMethod(post);Header[] headers &＃61; post.getResponseHeaders();int statusCode &＃61; post.getStatusCode();System.out.println("statusCode:"&＃43;statusCode);for(Header h : headers){System.out.println(h.toString());}String result &＃61; new String(post.getResponseBodyAsString().getBytes("gbk")); System.out.println(result); //打印返回消息状态
}finally{post.releaseConnection();}}