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

Masion

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

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

893586170x5

调了好几天短信验证测试，终于成功，现将全部源代码发给大家，希望对各位有所帮助，少走弯路。 如有问题，请加入我的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 "";
    }
}

Masion

这样，我QQ是 67550351 加我给你远程看一下

Masion

前台注册界面如下图所示：

Masion

当用户输入 手机号后按短信验证码”按钮的事件是
        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 // 请求成功后的回调方法
                });
        };

Masion

后台我们使用的是中国网建的短信发送平台 相关网址是 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();
                       
        }
                }

Masion

上述示例还只是一个比较粗糙的过程
实际应用中还要加各种合法性验证、恶意刷验证码等相关手段

biyaooo

牛人啊

cnkj

学习了，高！

ecoolper

谢谢楼主无私共享

cnjszd

我建了个haircut.java的文件导入到包里面去，怎么这么多红叉叉啊，这段后台java代码有没有什么问题？，如图：

暗夜的忧伤

学习支持