APP開發平臺 > Blog > APICloud知識教程 | 用戶手機號獲取驗證碼注冊源碼分享

用戶手機號注冊源碼分享,首頁獲取驗證碼,調用阿里大魚短信驗證碼,接口thinkphp5.2寫的,可以判斷手機號是否注冊,短信發送是否成功。


<!DOCTYPE html>
<html>
       <head>
               <meta charset="utf-8">
               <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"/>
               <meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
               <title>title</title>
               <link rel="stylesheet" type="text/css" href="../css/api.css"/>
               <link rel="stylesheet" type="text/css" href="../css/style.css" />
               <link rel="stylesheet" type="text/css" href="../css/aui.2.0.css" />

       </head>
       <body>

               <div class="aui-content aui-margin-b-15">
                       <ul class="aui-list aui-form-list">
                               <li class="aui-list-item">
                                       <div class="aui-list-item-inner">
                                               <div class="aui-list-item-label-icon">
                                                       <i class="aui-iconfont aui-icon-mobile"></i>
                                               </div>
                                               <div class="aui-list-item-input">
                                                       <input type="text" placeholder="手機號" id="mobile">
                                               </div>
                                       </div>
                               </li>
                               <li class="aui-list-item">
                                       <div class="aui-list-item-inner">
                                               <div class="aui-list-item-label-icon">
                                                       <i class="aui-iconfont aui-icon-lock"></i>
                                               </div>
                                               <div class="aui-list-item-input">
                                                       <input type="text" placeholder="驗證碼" id="code">
                                               </div>
                                               <div class="aui-list-item-label-icon">
                                                       <i class="aui-iconfont aui-icon-display"></i>
                                               </div>
                                       </div>
                               </li>
                       </ul>
               </div>
               <div align="center">
                       <button type="button"  onclick="get_code();">
                               獲取驗證碼
                       </button>
                       <button type="button"  onclick="next_reg();">
                               下一步
                       </button>
               </div>

       </body>
       <script type="text/javascript" src="../script/api.js"></script>
       <script type="text/javascript">
               var mobile = document.getElementById("mobile");
               var code = document.getElementById("code");
               var code_str = "";
               for (var i = 0; i < 6; i++) {
                       code_str += Math.round(Math.random() * 10);
               }
               var getcode = document.getElementById("getcode");
               //                alert(code_str);
               function get_code() {
                       //                alert(mobile.value);
                       //                alert();
                       if (mobile.value.length == 0) {
                               alert("手機號不能為空");
                               return;
                       }
                       api.ajax({
                               url : 'http://huodong.demo.com/index.php/api/Member/getCode',
                               method : 'post',
                               data : {
                                       values : {
                                               mobile : mobile.value,
                                               code_str : code_str,
                                               signature : '*******'
                                       }
                               }
                       }, function(data) {
                               //                        alert(data.code);
                               if (data) {
                                       if (data.code == 1) {
                                               //                                                alert('驗證碼發送成功');
                                               api.toast({
                                                       msg : '驗證碼發送成功'
                                               });
                                       } else if (data.code == 2) {
                                               alert('驗證碼發送失敗');
                                       } else if (data.code == 3) {
                                               alert('手機號已注冊');
                                       }
                               } else {
                                       alert('111');
                               }
                       });
               }

               //用戶注冊
               function next_reg() {
                       if (code.value != code_str) {
                               alert("驗證碼錯誤");
                               return;
                       }
//                        api.openWin({
//                                name : 'personer_regsetpass',
//                                url : 'personer_regsetpass.html',
//                                pageParam : {
//                                        mobile : mobile.value
//                                }
//                        });
                       api.openWin({
                               name : 'personer_regsetpass',
                               url : './a_headbackindex.html',
                               pageParam : {
                                       title : '注冊',
                                       url : 'personer_regsetpass',
                                       mobile : $api.setStorage('mobile', mobile.value)
                               }
                       });
               }

//                function backtoIndex() {
//                        api.closeToWin({
//                                name : 'root'
//                        });
//                }

               apiready = function() {
//                $api.fixStatusBar($api.dom('header'));
//                        api.addEventListener({
//                                name : 'keyback'
//                        }, function(ret, err) {
//                                backtoIndex();
//                        });
               };
       </script>
</html>

 

php接口代碼:


//注冊獲取手機驗證碼接口
   public function getCode()
   {
       $code = Request::instance()->post('code_str');
       $mobile = Request::instance()->post('mobile');
       $signature = Request::instance()->post('signature');
       $str = Db::table('member')->where('phone', $mobile)->find();
       if ($str) {
           // echo 3;
           $res['code'] = 3;
       } else {
           if ($signature == '************') {
               Loader::import('AlibabaAliqinFcSmsNumSendRequest', EXTEND_PATH);
               Loader::import('TopClient', EXTEND_PATH);
               Loader::import('ResultSet', EXTEND_PATH);
               Loader::import('RequestCheckUtil', EXTEND_PATH);
               Loader::import('TopLogger', EXTEND_PATH);
               $c = new \TopClient;
               $c->appkey = '';//換成自己的
               $c->secretKey = '';//換成自己的
               $req = new \AlibabaAliqinFcSmsNumSendRequest;
               $req->setExtend("123456");
               $req->setSmsType("normal");
               $req->setSmsFreeSignName("");//換成自己的
               $req->setSmsParam("{\"code\":\"$code\",\"product\":\"注冊\"}");
               $req->setRecNum("$mobile");
               $req->setSmsTemplateCode("SMS_2575466");
               $resp = $c->execute($req);
               if ($resp) {
                   // echo 1;
                   $res['code'] = 1;
               } else {
                   // echo 2;
                   $res['code'] = 2;
               }
           } else {
               // echo 3;
               $res['code'] = 3;
           }
       }
       echo json_encode($res);
   }

 

來APICloud移動應用開發平臺學習更多APP開發知識:app開發,app制作,app開發源碼下載,app開發框架,app制作模板等免費獲取。APICloud支持APP定制開發,一鍵網站自動生成app、網站轉app、網站封裝app,有網站即可生成自己的app。

 

立即免費在線制作一個APP,新手注冊即送開發大禮包

提交app定制需求,免費獲取報價和周期:

電腦請點擊https://app.apicloud.com/index?uzchannel=500

手機請點擊https://app.apicloud.com/m/quickaddcustom


高效的App定制平臺,標準化、便宜、快!

提交APP定制開發需求
人人干人人摸人人,人人干人人摸人人操,人人干人人摸人人插,人人干人人摸人人看,人人干人人摸人人入