thinkphp實(shí)現(xiàn)短信驗(yàn)證注冊(cè)

stackfing 發(fā)布于2019-06-27 14:38 / 2217人閱讀

摘要：前言注冊(cè)時(shí)經(jīng)常需要用到短信驗(yàn)證碼，本文記錄一下思路和具體實(shí)現(xiàn)。短信驗(yàn)證平臺(tái)使用云片，短信驗(yàn)證碼的生成使用。云片發(fā)送短信驗(yàn)證碼到指定手機(jī)號(hào)。用戶輸入短信驗(yàn)證碼。

前言

注冊(cè)時(shí)經(jīng)常需要用到短信驗(yàn)證碼，本文記錄一下思路和具體實(shí)現(xiàn)。
短信驗(yàn)證平臺(tái)使用云片，短信驗(yàn)證碼的生成使用thinkphp。

思路

1、用戶輸入手機(jī)號(hào)，請(qǐng)求獲取短信驗(yàn)證碼。
2、thinkphp生成短信驗(yàn)證碼，存儲(chǔ)，同時(shí)和其他參數(shù)一起發(fā)送請(qǐng)求給云片。
3、云片發(fā)送短信驗(yàn)證碼到指定手機(jī)號(hào)。
4、用戶輸入短信驗(yàn)證碼。
5、thinkphp根據(jù)驗(yàn)證碼是否正確、驗(yàn)證碼是否過期兩個(gè)條件判斷是否驗(yàn)證通過。

代碼實(shí)現(xiàn) 驗(yàn)證接口

接口地址：https://sms.yunpian.com/v1/sms/send.json。
使用postman，輸入三個(gè)必須的參數(shù)apikey、mobile和text。

php發(fā)起http/https請(qǐng)求

使用php的curl函數(shù)發(fā)起https請(qǐng)求，帶入?yún)?shù)apikey、mobile和text。

// 獲取短信驗(yàn)證碼
public function getSMSCode(){

    // create curl resource 
    $ch = curl_init(); 

    // set url
    $url = "https://sms.yunpian.com/v1/sms/send.json"; 
    curl_setopt($ch, CURLOPT_URL, $url); 

    // set param
    $paramArr = array(
        "apikey" => "******",
        "mobile" => "******",
        "text" => "【小太陽(yáng)】您的驗(yàn)證碼是1234"
    );
    $param = "";
    foreach ($paramArr as $key => $value) {
        $param .= urlencode($key)."=".urlencode($value)."&";
    }
    $param = substr($param, 0, strlen($param)-1);

    curl_setopt($ch, CURLOPT_POSTFIELDS, $param);
    curl_setopt($ch, CURLOPT_HEADER, 0);
    curl_setopt($ch, CURLOPT_POST, 1);

    //curl默認(rèn)不支持https協(xié)議，設(shè)置不驗(yàn)證協(xié)議
    curl_setopt($ch, CURLOPT_SSL_VERIFYPEER, false); 
    curl_setopt($ch, CURLOPT_SSL_VERIFYHOST, false); 

    //return the transfer as a string 
    curl_setopt($ch, CURLOPT_RETURNTRANSFER, 1); 

    // $output contains the output string 
    $output = curl_exec($ch); 

    // close curl resource to free up system resources 
    curl_close($ch); 

    echo $output;
}

生成隨機(jī)短信驗(yàn)證碼

默認(rèn)生成四位的隨機(jī)短信驗(yàn)證碼。

// 生成短信驗(yàn)證碼
public function createSMSCode($length = 4){
    $min = pow(10 , ($length - 1));
    $max = pow(10, $length) - 1;
    return rand($min, $max);
}

整合

在數(shù)據(jù)庫(kù)新建表sun_smscode：

DROP TABLE IF EXISTS `sun_smscode`;
CREATE TABLE `sun_smscode` (
  `id` int(8) NOT NULL AUTO_INCREMENT,
  `mobile` varchar(11) NOT NULL,
  `code` int(4) NOT NULL,
  `create_at` datetime NOT NULL,
  `update_at` datetime NOT NULL,
  PRIMARY KEY (`id`)
) ENGINE=MyISAM AUTO_INCREMENT=3 DEFAULT CHARSET=utf8;

thinkphp代碼：

// 獲取短信驗(yàn)證碼
public function getSMSCode(){

    // create curl resource 
    $ch = curl_init(); 

    // set url
    $url = "https://sms.yunpian.com/v1/sms/send.json"; 
    curl_setopt($ch, CURLOPT_URL, $url); 

    // set param
    $mobile = $_POST["mobile"];
    $code = $this->createSMSCode();
    $paramArr = array(
        "apikey" => "******",
        "mobile" => $mobile,
        "text" => "【小太陽(yáng)】您的驗(yàn)證碼是".$code
    );
    $param = "";
    foreach ($paramArr as $key => $value) {
        $param .= urlencode($key)."=".urlencode($value)."&";
    }
    $param = substr($param, 0, strlen($param)-1);

    curl_setopt($ch, CURLOPT_POSTFIELDS, $param);
    curl_setopt($ch, CURLOPT_HEADER, 0);
    curl_setopt($ch, CURLOPT_POST, 1);
    curl_setopt($ch, CURLOPT_SSL_VERIFYPEER, false); //不驗(yàn)證證書下同
    curl_setopt($ch, CURLOPT_SSL_VERIFYHOST, false); 

    //return the transfer as a string 
    curl_setopt($ch, CURLOPT_RETURNTRANSFER, 1); 

    // $output contains the output string 
    $output = curl_exec($ch); 

    // close curl resource to free up system resources 
    curl_close($ch); 
    //$outputJson = json_decode($output);
    $outputArr = json_decode($output, true);
    //echo $outputJson->code;
    //echo $outputArr["code"];

    if($outputArr["code"] == "0"){
        $data["mobile"] = $mobile;
        $data["code"] = $code;

        $smscode = D("smscode");
        $smscodeObj = $smscode->where("mobile="$mobile"")->find();
        if($smscodeObj){
            $data["update_at"] = date("Y-m-d H:i:s");
            $success = $smscode->where("mobile="$mobile"")->save($data);
            if($success !== false){
                $result = array(
                    "code" => "0",
                    "ext" => "修改成功",
                    "obj" => $smscodeObj
                );
            }
            echo json_encode($result,JSON_UNESCAPED_UNICODE);
        }else{
            $data["create_at"] = date("Y-m-d H:i:s");
            $data["update_at"] = $data["create_at"];
            if($smscode->create($data)){
                $id = $smscode->add();
                if($id){
                    $smscode_temp = $smscode->where("id="$id"")->find();
                    $result = array(
                        "code"=> "0",
                        "ext"=> "創(chuàng)建成功",
                        "obj"=>$smscode_temp
                    );
                    echo json_encode($result,JSON_UNESCAPED_UNICODE);
                }
            }
        }
        
    }
}

驗(yàn)證短信驗(yàn)證碼

驗(yàn)證短信驗(yàn)證碼時(shí)間是否過期，驗(yàn)證短信驗(yàn)證碼是否正確。

// 驗(yàn)證短信驗(yàn)證碼是否有效
public function checkSMSCode(){
    $mobile = $_POST["mobile"];
    $code = $_POST["code"];
    $nowTimeStr = date("Y-m-d H:i:s");

    $smscode = D("smscode");
    $smscodeObj = $smscode->where("mobile="$mobile"")->find();
    if($smscodeObj){
        $smsCodeTimeStr = $smscodeObj["update_at"];
        $recordCode = $smscodeObj["code"];
        $flag = $this->checkTime($nowTimeStr, $smsCodeTimeStr);
        if(!$flag){
            $result = array(
                "code" => "1",
                "ext" => "驗(yàn)證碼過期，請(qǐng)刷新后重新獲取"
            );
            echo json_encode($result,JSON_UNESCAPED_UNICODE);
            return;
        }

        if($code != $recordCode){
            $result = array(
                "code" => "2",
                "ext" => "驗(yàn)證碼錯(cuò)誤，請(qǐng)重新輸入"
            );
            echo json_encode($result,JSON_UNESCAPED_UNICODE);
            return;
        }

        $result = array(
            "code" => "0",
            "ext" => "驗(yàn)證通過"
        );
        echo json_encode($result,JSON_UNESCAPED_UNICODE);
    }
}

// 驗(yàn)證驗(yàn)證碼時(shí)間是否過期
public function checkTime($nowTimeStr,$smsCodeTimeStr){
    //$nowTimeStr = "2016-10-15 14:39:59";
    //$smsCodeTimeStr = "2016-10-15 14:30:00";
    $nowTime = strtotime($nowTimeStr);
    $smsCodeTime = strtotime($smsCodeTimeStr);
    $period = floor(($nowTime-$smsCodeTime)/60); //60s
    if($period>=0 && $period<=20){
        return true;
    }else{
        return false;
    }
}

改進(jìn)

為了防止短信轟炸，在請(qǐng)求獲取短信驗(yàn)證碼時(shí)，需要加入圖片驗(yàn)證碼。

thinkphp提供了生成圖片驗(yàn)證碼的函數(shù)，下面我們來實(shí)現(xiàn)驗(yàn)證碼的生成、刷新和驗(yàn)證。

生成和刷新圖片驗(yàn)證碼

// 獲取圖片驗(yàn)證碼，刷新圖片驗(yàn)證碼
public function getPicCode(){
    $config = array(
        "fontSize"=>30,    // 驗(yàn)證碼字體大小
        "length"=>4,     // 驗(yàn)證碼位數(shù)
        "useNoise"=>false, // 關(guān)閉驗(yàn)證碼雜點(diǎn)
        "expire"=>600
    );
    $Verify = new ThinkVerify($config);
    $Verify->entry(2333);//2333是驗(yàn)證碼標(biāo)志
}

假設(shè)，該函數(shù)的對(duì)應(yīng)url為http://localhost/owner-bd/index.php/Home/CheckCode/getPicCode，那么，圖片驗(yàn)證碼的地址就是這個(gè)url，放入頁(yè)面圖片標(biāo)簽的src屬性即可。

驗(yàn)證圖片驗(yàn)證碼

// 驗(yàn)證驗(yàn)證碼是否正確
public function checkPicCode($code){
    $verify = new ThinkVerify();
    if($verify->check($code, 2333)){
        $result = array(
            "code" => "0",
            "ext" => "驗(yàn)證通過"
        );
        echo json_encode($result,JSON_UNESCAPED_UNICODE);
    }else{
        $result = array(
            "code" => "1",
            "ext" => "驗(yàn)證碼錯(cuò)誤，請(qǐng)重新輸入"
        );
        echo json_encode($result,JSON_UNESCAPED_UNICODE);
    };
}

以上方法，我們利用了thinkphp提供的check方法，實(shí)現(xiàn)起來很簡(jiǎn)單。但是，如果想要得到驗(yàn)證細(xì)節(jié)，就沒有辦法了。比如，驗(yàn)證碼錯(cuò)誤，可能驗(yàn)證碼超時(shí)，可能因?yàn)檩斎腧?yàn)證碼錯(cuò)誤，可能因?yàn)轵?yàn)證碼已經(jīng)使用過等等。必要的時(shí)候，可以重寫thinkphp的驗(yàn)證碼類，或者重寫thinkphp的check方法。

跑通前后端 后端修改

驗(yàn)證圖片驗(yàn)證碼函數(shù)，改為被調(diào)用函數(shù)：

public function checkPicCode($picCode){
    $verify = new ThinkVerify();
    if($verify->check($picCode, 2333)){
        return true;
    }else{
        return false;
    };
}

在獲取短信驗(yàn)證碼函數(shù)的最頂部，添加調(diào)用圖片驗(yàn)證碼函數(shù)，只有通過驗(yàn)證，才發(fā)送請(qǐng)求給云片。

// 獲取短信驗(yàn)證碼
public function getSMSCode(){
    $picCode = $_POST["picCode"];
    if(!$this->checkPicCode($picCode)){
        $result = array(
            "code" => "1",
            "ext" => "驗(yàn)證碼錯(cuò)誤，請(qǐng)重新輸入"
        );
        echo json_encode($result,JSON_UNESCAPED_UNICODE);
        return;
    }
    /*省略*/
}

前端核心代碼





    
    注冊(cè)

// register.js
angular.module("sunApp").controller("registerController", function ($scope,$http,$httpParamSerializer,$state,$interval) { 
    $scope.picCodeUrl = "/owner-bd/index.php/Home/CheckCode/getPicCode";
    $scope.isShow1 = true;
    $scope.isShow2 = false;
    $scope.btnSMSText = "獲取驗(yàn)證碼";
    $scope.btnSMSDisabled = false;
    $scope.checkOver = false;

    // 獲取短信驗(yàn)證碼
    $scope.getSMSCode = function(){
        var param = {
            mobile: $scope.mobile,
            picCode: $scope.picCode
        };
        $http({
            method:"POST",
            url:"/owner-bd/index.php/Home/SMS/getSMSCode",
            //url: "/owner-fd/mock/common.json",
            headers:{
                "Content-Type":"application/x-www-form-urlencoded"
            },
            dataType: "json",
            data: $httpParamSerializer(param)
        }).then(function successCallback(response) {
            console.log(response.data);
            if(response.data.code == "0"){
                $scope.checkOver = true;
                $scope.btnSMSDisabled = true;
                var time = 60;
                var timer = null;
                timer = $interval(function(){
                    time = time - 1;
                    $scope.btnSMSText = time+"秒";
                    if(time == 0) {
                        $interval.cancel(timer);
                        $scope.btnSMSDisabled = false;
                        $scope.btnSMSText = "重新獲取";
                    }
                }, 1000);
            }
        }, function errorCallback(response) {
            console.log(response.data);
        });
    }

    // 驗(yàn)證短信驗(yàn)證碼
    $scope.next = function(){
        if(!$scope.checkOver){
            console.log("未通過驗(yàn)證");
            return;
        }
        var param = {
            mobile: $scope.mobile,
            code: $scope.SMSCode
        };
        $http({
            method:"POST",
            url:"/owner-bd/index.php/Home/SMS/checkSMSCode",
            //url: "/owner-fd/mock/common.json",
            headers:{
                "Content-Type":"application/x-www-form-urlencoded"
            },
            dataType: "json",
            data: $httpParamSerializer(param)
        }).then(function successCallback(response) {
            console.log(response.data);
            if(response.data.code == "0"){
                $scope.isShow1 = false;
                $scope.isShow2 = true;
            }
        }, function errorCallback(response) {
            console.log(response.data);
        });
    }

    // 刷新圖片驗(yàn)證碼
    $scope.refresh = function(){
        $scope.picCodeUrl = "/owner-bd/index.php/Home/CheckCode/getPicCode?"+Math.random();
    }

});

優(yōu)化

以上代碼，安全性不是很好，我們可以利用工具繞過前端驗(yàn)證。為了避免這個(gè)問題，可以在checkPicCode和checkSMSCode函數(shù)中添加session值來標(biāo)記。

$_SESSION["checkPicCode"] = true;
$_SESSION["checkSMSCode"] = true;

在最后一步，向數(shù)據(jù)庫(kù)中添加用戶時(shí)，先驗(yàn)證一下兩個(gè)session值是否都為true，都為true時(shí)再添加。

成果

后記

以后也許有用的代碼：

echo json_encode($_SESSION);// 打印出session中的數(shù)據(jù)
echo session_id();// 打印當(dāng)前session的id

書簽

云片網(wǎng)
https://www.yunpian.com/

cURL函數(shù)
http://php.net/manual/zh/ref....

curl 基礎(chǔ)例子
http://php.net/manual/zh/curl...

在PHP語(yǔ)言中使用JSON
http://www.ruanyifeng.com/blo...

thinkphp驗(yàn)證碼
http://document.thinkphp.cn/m...

修改ThinkPHP的驗(yàn)證碼類
http://www.cnblogs.com/BTMast...

ThinkPHP 3.2版本 , 無法讀取$_SESSION["verify_code"]
http://www.cnblogs.com/lovezb...

LICEcap - Download
http://licecap.en.softonic.com/

gif動(dòng)態(tài)圖局部加馬賽克模糊廣告文字
http://www.leawo.cn/space-138...

云服務(wù)器 GPU云服務(wù)器網(wǎng)站短信驗(yàn)證如何實(shí)現(xiàn) 短信發(fā)送驗(yàn)證碼怎么實(shí)現(xiàn) 短信驗(yàn)證注冊(cè) 注冊(cè) 短信驗(yàn)證

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://systransis.cn/yun/21933.html

發(fā)表評(píng)論

登陸后可評(píng)論

0條評(píng)論

stackfing

男|高級(jí)講師

我要關(guān)注我要私信

TA的文章

tensorflow

閱讀 726·2023-04-25 17:54
Mac 開發(fā)工具匯總

閱讀 2986·2021-11-18 10:02
學(xué)姐：軟件測(cè)試分為哪幾個(gè)階段，我支支吾吾答不上來...

閱讀 1143·2021-09-28 09:35
云主機(jī)如何選購(gòu)-如何選擇云主機(jī)部署管理軟件？

閱讀 663·2021-09-22 15:18
VmShell：新上美國(guó)洛杉磯CN2 GIA線路VPS;100M帶寬/年付8折/香港CMI也參與優(yōu)惠

閱讀 2867·2021-09-03 10:49
星夢(mèng)云：夏日激情大寬帶促銷四川100G高防4H4G21M月付僅99元，西南高防月付特價(jià)活動(dòng),續(xù)費(fèi)同價(jià)

閱讀 3065·2021-08-10 09:42
標(biāo)簽.類名的權(quán)重是多少？

閱讀 2588·2019-08-29 16:24
微信小程序之swiper輪播圖中的圖片自適應(yīng)高度

閱讀 1267·2019-08-29 15:08

成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

上云采購(gòu)季！| 2核2G4M爆款云服務(wù)器低至59元/年，更有多臺(tái)、長(zhǎng)期優(yōu)惠，快來選購(gòu)！

thinkphp實(shí)現(xiàn)短信驗(yàn)證注冊(cè)

相關(guān)文章

***thinkphp下阿里大于短信驗(yàn)證***

thinkphp阿里云短信服務(wù)，替代原來的阿里大于

**阿里大于驗(yàn)證碼功能**

**阿里大于驗(yàn)證碼功能**

發(fā)表評(píng)論

0條評(píng)論

stackfing

男|高級(jí)講師

TA的文章

tensorflow

Mac 開發(fā)工具匯總

學(xué)姐：軟件測(cè)試分為哪幾個(gè)階段，我支支吾吾答不上來...

云主機(jī)如何選購(gòu)-如何選擇云主機(jī)部署管理軟件？

VmShell：新上美國(guó)洛杉磯CN2 GIA線路VPS;100M帶寬/年付8折/香港CMI也參與優(yōu)惠

星夢(mèng)云：夏日激情大寬帶促銷四川100G高防4H4G21M月付僅99元，西南高防月付特價(jià)活動(dòng),續(xù)費(fèi)同價(jià)

標(biāo)簽.類名的權(quán)重是多少？

微信小程序之swiper輪播圖中的圖片自適應(yīng)高度

最新活動(dòng)

資訊專欄INFORMATION COLUMN

上云采購(gòu)季！| 2核2G4M爆款云服務(wù)器低至59元/年，更有多臺(tái)、長(zhǎng)期優(yōu)惠，快來選購(gòu)！

thinkphp實(shí)現(xiàn)短信驗(yàn)證注冊(cè)

相關(guān)文章

發(fā)表評(píng)論

0條評(píng)論

男|高級(jí)講師

TA的文章

最新活動(dòng)

上云采購(gòu)季！| 2核2G4M爆款云服務(wù)器低至59元/年，更有多臺(tái)、長(zhǎng)期優(yōu)惠，快來選購(gòu)！