• 首先需要對簡訊介面內容進行封裝： 

public class SendMsg2Util {
    private static String url="http://gw.api.taobao.com/router/rest";
    private static String appkey="xxxxxxxx";
    private static String secret="xxxxxxxx";

    public void sendMsg(String name,String phone,String vcode) throws ApiException{
        TaobaoClient client = new DefaultTaobaoClient(url, appkey, secret);
        AlibabaAliqinFcSmsNumSendRequest req = new AlibabaAliqinFcSmsNumSendRequest();
        req.setExtend("XXX");
        req.setSmsType("normal");
        req.setSmsFreeSignName("註冊驗證");
        req.setSmsParamString("{\"name\":\""+name+"\",\"code\":\""+vcode+"\"}");
        req.setRecNum(phone);
        req.setSmsTemplateCode("SMS_11415328");
        AlibabaAliqinFcSmsNumSendResponse rsp = client.execute(req);
        System.out.println(phone+"]驗證碼："+vcode+">"+rsp.getMsg());
    }

    public void sendMsg(String name,String phone) throws ApiException{
        TaobaoClient client = new DefaultTaobaoClient(url, appkey, secret);
        AlibabaAliqinFcSmsNumSendRequest req = new AlibabaAliqinFcSmsNumSendRequest();
        req.setExtend("XXX");
        req.setSmsType("normal");
        req.setSmsFreeSignName("變更驗證");
        req.setSmsParamString("{\"name\":\""+name+"\",\"phone\":\""+phone+"\"}");
        req.setRecNum(phone);
        req.setSmsTemplateCode("SMS_11535513");
        AlibabaAliqinFcSmsNumSendResponse rsp = client.execute(req);
        System.out.println(rsp.getBody());
    }


    public String sendVlidMsg(String name,String phone,String vcode) throws ApiException{
        TaobaoClient client = new DefaultTaobaoClient(url, appkey, secret);
        AlibabaAliqinFcSmsNumSendRequest req = new AlibabaAliqinFcSmsNumSendRequest();
        req.setExtend("XXX");
        req.setSmsType("normal");
        req.setSmsFreeSignName("XXX");
        req.setSmsParamString("{\"name\":\""+name+"\",\"code\":\""+vcode+"\"}");
        req.setRecNum(phone);
        req.setSmsTemplateCode("SMS_52125325");
        AlibabaAliqinFcSmsNumSendResponse rsp = client.execute(req);
        if(rsp.getErrorCode()==null ||rsp.getErrorCode().equals("0")){
            return "0";
        }else{
            return rsp.getMsg();

        }
    }

    public String createRandomVcode(){
        //驗證碼
        String vcode = "";
        for (int i = 0; i < 6; i++) {
            vcode = vcode + (int)(Math.random() * 9);
        }
        return vcode;
    }
}
 

• 以上是傳送簡訊的工具類，接下來前臺傳送請求：

•  <button type="button" class="vcode-btn" id="vcode-btn">獲取驗證碼</button>
   //這些是格式設定，不做參考
   <div class="input_row" style="display: none;" id="vcode_div"><label for="name"><span class="iconfont icon-radiobutton2 medium_size"></span></label>
   <div class="input_row_bd"><input id="vcode" type="text" placeholder="輸入驗證碼" />
   </div>
   <div class="input_row_ft"><i class="weui-icon-warn"id="code_icon"></i></div>
  </div>
   $("#vcode-btn").click(function() {
   $("#vcode_div").show();
     $.ajax({
       type : "post",
       dataType : "text",
       url : "getValidPhoneCode.do",
       data : {
          length : 4,
          phone : phone,
       },
          success : function(result) {
              var rsObj = typeof result === "object" ? result : $.parseJSON(result);
              if (rsObj.status == 0) {
                   var step = 59;
                      $('#vcode-btn').html('重發60');
                      var _res = setInterval(function()
                      {   
                          $("#vcode-btn").attr("disabled", true);//設定disabled屬性
                          $('#vcode-btn').html('重發'+step);
                          step-=1;
                          if(step <= 0){
                          $("#vcode-btn").removeAttr("disabled"); //移除disabled屬性
                          $('#vcode-btn').html('獲取驗證碼');
                          clearInterval(_res);//清除setInterval
                          }
                      },1000);
              }else{
                  alert(rsObj.responseDescription);
              }
          }
  
    })
  })
   
  

• 前臺傳送請求後，後臺對請求作出反應

@RequestMapping("/getValidPhoneCode.do")
@ResponseBody
public void getValidPhoneCode(HttpServletRequest request,
            HttpServletResponse response) {
        ResponseHeader resData = new ResponseHeader();
        resData.setStatus(-1);
        int length = requestUtil.getIntValue(request, "length");
        String phone = requestUtil.getStringValue(request, "phone");
        //此處工具類隨機生成按照需要的位數生成的驗證碼；
        String phonecode = EncodeUtilTools.getRanomNumCode(length);
        request.getSession().setAttribute(phone, phonecode);
        SendMsg2Util sendmsg=new SendMsg2Util();
        String rs="0";
//      resData.setStatus(0);
        try {
            rs=sendmsg.sendVlidMsg(name, phone, phonecode);
            if(rs.equals("0")){
                resData.setStatus(0);
            }else{
                resData.setResponseDescription(rs);
            }
        } catch (ApiException e) {
            resData.setResponseDescription("簡訊介面異常，請稍後再試");
        }
        System.out.println(phone+"]驗證碼："+phonecode+"_"+rs);

        ResponseUtil.responseJson(response, resData);
        return;
    }

/**
     * 生成隨機數字
     * @param 編碼長度
     * @return String
     */
    public static String getRanomNumCode(int length) {
        Random random = new Random();
        String result = "";
        for (int i = 0; i < length; i++) {

            result += random.nextInt(10);
        }
        return result;
    }
 

• 以上就完成的簡訊的傳送功能，接下來就是對驗證碼進行驗證

 $.ajax({
    url : DOMAIN_URL + "/wechat/getCheckSesCode.do",
    data : {
        code : vcode,
        key : localphone,
    },
    type : "post",
    dataType : "text",
    success : function(result) {
        var rsObj = typeof result === "object" ? result : $.parseJSON(result);
        if (rsObj.status == 0) {
            //此處驗證碼正確，給出操作
        }else{
            //驗證碼錯誤，給出相應的操作
        }
    }

});

• 前臺發出請求驗證驗證碼是否正確，後臺對其作出響應

    /**
     * 檢驗手機校驗的code是否正確
     * @param request
     * @param response
     */
    @RequestMapping("/getCheckSesCode.do")
    @ResponseBody
    public void getCheckSesCode(HttpServletRequest request,
            HttpServletResponse response) {
        ResponseHeader resData = new ResponseHeader();
        resData.setStatus(-1);
        String key = requestUtil.getStringValue(request, "key");
        String code = requestUtil.getStringValue(request, "code");
        if(key!=null &&code!=null){
            String scode=(String) request.getSession().getAttribute(key);
            if(scode.equals(code)){
                resData.setStatus(0);
            }
        }
        ResponseUtil.responseJson(response, resData);
        return;
    }

/**
     * 獲得String型別請求引數
     * 
     * @param request
     * @param name
     * @return
     */
    public String getStringValue(HttpServletRequest request, String name) {
        return StringUtil.isEmpty(name) ? null : request.getParameter(name);
    }

• 通過以上步驟，就完成了傳送驗證碼以及對驗證碼進行驗證的功能