利用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(); }
}
利用WeX5给手机APP增加短信验证码功能的更多相关文章
- SpringSceurity(4)---短信验证码功能实现
SpringSceurity(4)---短信验证码功能实现 有关SpringSceurity系列之前有写文章 1.SpringSecurity(1)---认证+授权代码实现 2.SpringSecur ...
- jQuery实现倒计时重新发送短信验证码功能示例
<!doctype html> <html> <head> <meta charset="utf-8"> <title> ...
- 四:java调接口实现发送手机短信验证码功能
1.点击获取验证码之前的样式: 2.输入正确的手机号后点击获取验证码之后的样式: 3.如果手机号已经被注册的样式: 4.如果一个手机号一天发送超过3次就提示不能发送: 二:前台的注册页面的代码:reg ...
- Java调用WebService接口实现发送手机短信验证码功能,java 手机验证码,WebService接口调用
近来由于项目需要,需要用到手机短信验证码的功能,其中最主要的是用到了第三方提供的短信平台接口WebService客户端接口,下面我把我在项目中用到的记录一下,以便给大家提供个思路,由于本人的文采有限, ...
- Android Studio精彩案例(五)《JSMS短信验证码功能实现》
转载本专栏文章,请注明出处,尊重原创 .文章博客地址:道龙的博客 很多应用刚打开的时候,让我们输入手机号,通过短信验证码来登录该应用.那么,这个场景是怎么实现的呢?其实是很多开放平台提供了短信验证功能 ...
- Java加腾讯云实现短信验证码功能
一.概要 现如今在日常工作和生活中短信验证码对于我们来说是非常熟悉的,比较常见的注册账号或者交易支付时候,手机会收到一个短信验证码,我们可以通过验证码来有效验证身份,避免一些信息被盗. 验证身份 目前 ...
- 这是一个简单的前台短信验证码功能 ajax实现异步处理 (发送和校验)
<script type="text/javascript"> var InterValObj; //timer变量,控制时间 var count = 60; //间隔 ...
- java + maven 实现发送短信验证码功能
如何使用java + maven的项目环境发送短信验证码,本文使用的是榛子云短信 的接口. 1. 安装sdk 下载地址: http://smsow.zhenzikj.com/doc/sdk.html ...
- Java演示手机发送短信验证码功能实现
我们这里采用阿里大于的短信API 第一步:登陆阿里大于,下载阿里大于的SDK a.在阿里大于上创建自己的应用 b.点击配置管理中的验证码,先添加签名,再配置短信模板 第二步:解压相关SDK,第一个为j ...
随机推荐
- AOP 增强方法
Spring AOP 提供了 5 种类型的通知,它们分别是 Before Advice(前置通知).After Returning Advice(后置通知).Interception Around A ...
- 一种不太合规的PreparedStatement使用方式
这是一种不太合规的PreparedStatement调用使用方式 , 没有让Dao单独执行它单纯的任务. AccountDao.java package heartl_jdbc; /** * 银行操作 ...
- 51Nod 1737 配对(树的重心)
http://www.51nod.com/onlineJudge/questionCode.html#!problemId=1737 题意: 思路: 树的重心. 树的重心就是其所以子树的最大的子树结点 ...
- 深入Linux内核架构第一章笔记
1. Linux是多任务系统, 支持并发执行若干进程,系统同时真正运行的进程数目不超过CPU的数量,因此内核会按照时间间隔在不同进程之间切换. 2.确定那个进程运行多长时间的过程称为调度. 3.内核启 ...
- HTML 入门1
HTML 入门1 一,什么是HTML 超文本标记语言 二,如何写一个HTML文件? 1 通过sublime的文件->新建->保存 "文件名.html"格式 2,在 ...
- MySQL 5.7.17 Windows安装和启动
1.在官网http://dev.mysql.com/downloads/下载 MySQL Community Server 2.解压后是这个样子(5.7.18解压后没有my-default.ini文件 ...
- Observer(观察者)
意图: 定义对象间的一种一对多的依赖关系,当一个对象的状态发生改变时, 所有依赖于它的对象都得到通知并被自动更新. 适用性: 当一个抽象模型有两个方面, 其中一个方面依赖于另一方面.将这二者封装在独立 ...
- C#正则_取出标签内的内容(非贪婪)
using System.Text.RegularExpressions; /// <summary> /// 执行正则提取出值 /// </summar ...
- Tornado源码分析 --- Redirect重定向
“重定向”简单介绍: “重定向”指的是HTTP重定向,是HTTP协议的一种机制.当client向server发送一个请求,要求获取一个资源时,在server接收到这个请求后发现请求的这个资源实际存放在 ...
- vue-cli如何添加多种环境变量
vue-cli如何添加多种环境变量 目前webpack(vue-cli) 打包有两种变量,development, productor, 如何添加一个 test的测试环境呢 vue-cli 3.0 v ...