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

帖子来源：http://bbs.wex5.com/thread-70908-1-1.html

遇到一个手机APP项目
客户要求注册到APP上的用户手机号必须是真实的
通过X5平台整合短信发送平台接口完成了这个功能，拿出来和大家分享一下。

项目的总体思路：
1、用户在注册页面上填写手机号，按“获取短信验证码”按钮
2、通过servlet将这个手机号传到后台
3、通过java生成一个6位数字的字符串
4、把这个字符串返回前台，同时把这个字符串通过短信发送平台发给用户注册的手机号
5、用户吧接收到的短信验证码输入到inpu框
6、浏览器把从后台接收到的验证码与用户输入的验证码进行比较，如果一致则允许客户注册，如果不一致则拒绝

调了好几天短信验证测试，终于成功，现将全部源代码发给大家，希望对各位有所帮助，少走弯路。 如有问题，请加入我的QQ :893586170
Model.prototype.saveUserBtnClick = function(event) {

var userData = this.comp("userData");
var params = {
"userData" : userData.toJson(true)
};
var success = function(resultData) {
userData.applyUpdates();
justep.Util.hint("用户信息保存成功");
};
Baas.sendRequest({
"url" : "/takeout",
"action" : "save",
"params" : params,
"success" : success
});

var paramsa = {
"fPhoneNumber"   : userData.val("fPhoneNumber")
};

var successa = 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 = (JSONObject) JSONObject.parse(request.getParameter("params"));
String reta =null;
String fPhoneNumber = params.getString("fPhoneNumber");
//生成6位数字的随机字符串
int suiji = new Random().nextInt(899999)+100000;
String backStr=Integer.toString(suiji);
// 将随机字符串通过jsonOBJ返回前台
JSONObject jsonObj = new JSONObject();
jsonObj.put("CheckCode", backStr);
Util.writeJsonToResponse(response, jsonObj);

String dxurl="http://utf8.sms.webchinese.cn";
String PostData ="Uid=kljkljklk1&Key=ekjlkj271c32a&smsMob="+fPhoneNumber+"&smsText=验证码："+backStr+" (本信息由系统自动发出，不要回复）";
reta = 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;

/**
*
* @author Administrator
*/
public class Send {

public static String SMS(String postData, String postUrl) {
try {
//发送POST请求
URL url = new URL(postUrl);
HttpURLConnection conn = (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", "" + postData.length());
OutputStreamWriter out = new OutputStreamWriter(conn.getOutputStream(), "UTF-8");
out.write(postData);
out.flush();
out.close();

//获取响应状态
if (conn.getResponseCode() != HttpURLConnection.HTTP_OK) {
System.out.println("connect failed!");
return "";
}
//获取响应内容体
String line, result = "";
BufferedReader in = new BufferedReader(new InputStreamReader(conn.getInputStream(), "utf-8"));
while ((line = in.readLine()) != null) {
result += line + "\n";
}
in.close();
return result;
} catch (IOException e) {
e.printStackTrace(System.out);
}
return "";
}
}

当用户输入 手机号后按短信验证码”按钮的事件是
Model.prototype.button2Click = function(event){
//当用户输入手机号后，按短信验证码的处理动作
//此处为检查手机号和密码是否符合规则的代码，省略

//把手机号发往后台
var params = {
"fCellphone":this.comp("haircutterData").getValue("fCellphone")
};
// 请求成功后的回调方法
var success = function(resultData) {
//拿到从后台返回的验证码
alert(resultData.CheckCode);

};

// 向后台发送请求
Baas.sendRequest({
"url" : "/haircut", // servlet请求地址
"params" : params, // action对应的参数
"action" : "checkCodeAction", // action
"success" : success // 请求成功后的回调方法
});
};

后台我们使用的是中国网建的短信发送平台 相关网址是 http://www.smschinese.cn/ 需要在他的网站上注册和充值才能拿到  Uid（用户名)， 短信密钥, 这些通过他这个短信发送平台所必须的参数。
后台的servlet接口的动作函数如下（各种配置、转接、请参考相关视频文件）

引入的短信平台和生成随机数的jar包:（短信发送平台的Jar包可以在中国网建的网站上下载）
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;

//查询向短信发送器发送随机验证码，同时把验证码送回前端
private static void checkCodeAction(ServletRequest request, ServletResponse response) throws SQLException, IOException, NamingException , Exception{
// 参数序列化
JSONObject params = (JSONObject) JSONObject.parse(request.getParameter("params"));

// 拿到前台传过来的手机号
String fCellphone = params.getString("fCellphone");

//生成6位数字的随机字符串
int suiji = new Random().nextInt(899999)+100000;
String backStr=Integer.toString(suiji);

// 将随机字符串通过jsonOBJ返回前台
JSONObject jsonObj = new JSONObject();
jsonObj.put("CheckCode", backStr);
Util.writeJsonToResponse(response, jsonObj);

//把这个随机数发到短信平台de

HttpClient client = new HttpClient();
PostMethod post = new PostMethod("http://gbk.sms.webchinese.cn");
post.addRequestHeader("Content-Type","application/x-www-form-urlencoded;charset=gbk");//在头文件中设置转码
NameValuePair[] data ={ new NameValuePair("Uid", "用户名"),new NameValuePair("Key", "我用户名的短信密钥"),new NameValuePair("smsMob",fCellphone),new NameValuePair("smsText","验证码："+backStr+" (本信息由系统自动发出，不要回复）")};

//这段Java代码是直接从他家demo拷贝下来的，只需要修改这句话，填写你在他家注册的用户名、短信密钥，参数中加要发送的手机号和验证码短信
post.setRequestBody(data);
try{
client.executeMethod(post);
Header[] headers = post.getResponseHeaders();
int statusCode = post.getStatusCode();
System.out.println("statusCode:"+statusCode);
for(Header h : headers)
{
System.out.println(h.toString());
}
String result = new String(post.getResponseBodyAsString().getBytes("gbk"));
System.out.println(result); //打印返回消息状态

}
finally{
post.releaseConnection();

}
}