thinkphp3.2实现新版阿里大于短信验证功能

thinkphp3.2结合新版本的阿里大于,我研究了很久,网上的资料大部分都是旧版本的,因此也不通用,直到最近看了源鱼人生的csdn博客,感谢博主无私分享!

这篇文章即参考了江南极客的博客:http://blog.csdn.net/sinat_35861727/article/details/75666875,又参考了源鱼人生的CSDN博客:http://blog.csdn.net/m0_37587812/article/details/77575265?locationNum=3&fps=1,只是根据自己的需要,做了部分简单的修改!

thinkphp3.2实现新版阿里大于短信验证功能

第一步:阿里大于配置

(1)注册或登录你的阿里云账号,创建自己的Access Key秘钥

thinkphp3.2实现新版阿里大于短信验证功能

(2)点击:产品与服务–>云计算基础服务–>云通信–>短信服务,进入自己的短信服务管理控制台!设置设置的短信签名和短信模板,因为需要审核,所以请提前申请

thinkphp3.2实现新版阿里大于短信验证功能

(3)下载阿里大于SDK和demo

下载地址:https://help.aliyun.com/document_detail/55359.html?spm=5176.doc55451.6.569.3psCY5

解压后:

thinkphp3.2实现新版阿里大于短信验证功能

(4)创建api

在tp3.2根目录下创建Api文件夹并把api_sdk放进去,并修改名称为:dysms

第二步:TP3.2控制器开发

(1)使用命名空间方式引入阿里大于

namespace AdminController;

use ThinkController;

use AliyunCoreConfig;

use AliyunCoreProfileDefaultProfile;

use AliyunCoreDefaultAcsClient;

use AliyunApiSmsRequestV20170525SendSmsRequest;

(2)开发控制器方法(大部分直接复制的源鱼人生博客)

public function index(){

$this->display();

}

/**

* 数据处理

*/

public function send_message(){

$phone=I(“post.phone”);

//查找是否已经注册,他是验证有无注册,我这边不需要直接注释掉了

//$user = D(\’User\’) -> where(“user_phone = {$phone}”) -> find();

//if ($user) {

// echo “手机号已注册!“;

// }else{

// $this->send_phone($phone);

// }

$this->send_phone($phone);

}

/**

* 生成短信验证

* @param integer $length [验证码长度]

* 该函数可以自定义生产随机验证码!

*/

public function createSMSCode($length = 4){

$min = pow(10 , ($length – 1));

$max = pow(10, $length) – 1;

return rand($min, $max);

}

/**

* 发送验证码

* @param [integer] $phone [手机号]

*/

public function send_phone($phone){

$code=$this->createSMSCode($length = 4);

require_once \’./Api/dysms/vendor/autoload.php\’; //此处为你放置API的路径

Config::load(); //加载区域结点配置

$accessKeyId = \’*********;您的accessKeyId

$accessKeySecret = \’*****\’; 您的accessKeySecret

$templateCode = \’****\’; //短信模板ID 格式为:SMS_***,只填写后边的***

/*以上三个参数可以存到系统配置里边通过C(‘’)方式引入*/

//短信API产品名(短信产品名固定,无需修改)

$product = “Dysmsapi”;

//短信API产品域名(接口地址固定,无需修改)

$domain = “dysmsapi.aliyuncs.com”;

//暂时不支持多Region(目前仅支持cn-hangzhou请勿修改)

$region = “cn-hangzhou”;

// 初始化用户Profile实例

$profile = DefaultProfile::getProfile($region, $accessKeyId, $accessKeySecret);

// 增加服务结点

DefaultProfile::addEndpoint(“cn-hangzhou”, “cn-hangzhou”, $product, $domain);

// 初始化AcsClient用于发起请求

$acsClient = new DefaultAcsClient($profile);

// 初始化SendSmsRequest实例用于设置发送短信的参数

$request = new SendSmsRequest();

// 必填,设置短信接收号码

$request->setPhoneNumbers($phone);

// 必填,设置签名名称

$request->setSignName(“您的签名”);

// 必填,设置模板CODE

$request->setTemplateCode(“您的短信id”);

$smsData = array(\’number\’=>$code); //所使用的模板若有变量 在这里填入变量的值 即你的模板短信中出现的变量!

//选填-假如模板中存在变量需要替换则为必填(JSON格式),友情提示:如果JSON中需要带换行符,请参照标准的JSON协议对换行符的要求,比如短信内容中包含的情况在JSON中需要表示成\r\n,否则会导致JSON在服务端解析失败

$request->setTemplateParam(json_encode($smsData));

//发起访问请求

$acsResponse = $acsClient -> getAcsResponse($request);

//返回请求结果

$result = json_decode(json_encode($acsResponse), true);

$resp = $result[\’Code\’];

$this->sendMsgResult($resp,$phone,$code);

}

/**

* 验证手机号是否发送成功 前端用ajax,发送成功则提示倒计时,如50秒后可以重新发送

* @param [json] $resp [发送结果]

* @param [type] $phone [手机号]

* @param [type] $code [验证码]

* @return [type] [description]

*/

private function sendMsgResult($resp,$phone,$code){

if ($resp == “OK”) {

$data[\’phone\’]=$phone;

$data[\’code\’]=$code;

$data[\’send_time\’]=time();

$result = D(“sms”)->add($data);//把已发送的存到数据库方便核对

if($result){

$data=”发送成功”;

}else{

$data=”发送失败”;

}

} else{

$data=”发送失败”;

}

$this->ajaxReturn($data);//一般都是ajax验证,所以这里我改成了ajaxReturn返回!

}

/**

* 验证短信验证码是否有效,前端用jquery validate的remote

* @return [type] [description]

*/

public function checkSMSCode(){

$phone = I(“param.phone”);

$code = I(“param.verify”);

$nowTimeStr = time();

$where[\’phone\’] = $phone;//改成通用tp3.2的模式

$where[\’code\’] = $code;

$smscodeObj = D(“Sms”)->where($where)->find();

$data = “”;

if($smscodeObj){

$smsCodeTimeStr = $smscodeObj[\’send_time\’];

$recordCode = $smscodeObj[\’code\’];

$flag = $this->checkTime($nowTimeStr, $smsCodeTimeStr);

if($flag!=true || $code !== $recordCode){

if($flag){

$data = “no”;

}else{

$data = “nos”;//多写了一个判断,用来判断验证码是否超时

}

}else{

$data = “ok”;

}

}

$this->ajaxReturn($data);//同样引入ajaxRetrun方式

}

/**

* 验证验证码是否在可用时间

* @param [json] $nowTimeStr [发送结果]

* @param [type] $smsCodeTimeStr [手机号]

*/

public function checkTime($nowTimeStr,$smsCodeTimeStr) {

$time = $nowTimeStr – $smsCodeTimeStr;

if ($time>900) {

return false;

}else{

return true;

}

}

第三步:前端设计

参考他们的博客,都没有写前端,因为前端都相对简单了,这里为了方便大家交流,我把我的代码贴了出来!我使用的是layui的前端代码!

 手机号:  发送验证码   验证码:      

thinkphp3.2实现新版阿里大于短信验证功能

AJAX代码:

$(\’#login\’).attr({\’disabled\’:\’false\’,\’title\’:\’禁止提交\’}).css({\’background-Color\’:\’#ccc\’});

//验证码倒计时

function timetips(){

var i=60;

var timer=setInterval(function(){

i–;

$(“#times”).text(i);

if(i==0){

$(“#send”).css(“display”,”block”);

$(“#times”).css(“display”,”none”);

clearInterval(timer);

$(“#times”).text(60);

}

},1000);

};

$(\’#send\’).click(function(){

var phone = $(\’#phone\’).val();

$.ajax({

url: “__CONTROLLER__/send_message”,

data: {\’phone\’: phone },

dataType: “json”,//改成了json方式

type: “POST”,

success: function(data) {

if (data == 2) {

$(\’#phone_tips\’).html(\’手机号已注册!\’);//这一步我没用到,可以根据情况删除

}else{

$(“#send”).css(“display”,”none”);

$(“#times”).css(“display”,”block”);

timetips();

}

//console.log(data);

}

});

});

//判断验证码是否正确

//通过键盘事件触发

$(\’#verify\’).keyup(function(){

var verify = $(\’#verify\’).val();

var phone = $(\’#phone\’).val();

$.ajax({

url: “__CONTROLLER__/checkSMSCode”,

data: {\’verify\’: verify,\’phone\’: phone },

dataType: “json”,

type: “POST”,

success: function(data) {

if (data == \’ok\’) {

$(\’#login\’).attr({\’disabled\’:\’true\’,\’title\’:\’登录\’}).css({\’background-Color\’:\’#009688\’});

}else if (data == \’nos\’){

$(\’#login\’).attr({\’disabled\’:\’false\’,\’title\’:\’禁止提交\’}).css({\’background-Color\’:\’#ccc\’});

$(“#chk_verify”).html(“验证码超时“);//增加一个超时验证

}else if(data == \’no\’){

$(\’#login\’).attr({\’disabled\’:\’false\’,\’title\’:\’禁止提交\’}).css({\’background-Color\’:\’#ccc\’});

$(“#chk_verify”).html(“验证码错误“)

}

//console.log(data);

}

});

});

thinkphp3.2实现新版阿里大于短信验证功能

如果中间出现任何错误提示,可以参考阿里云帮助:https://help.aliyun.com/document_detail/55451.html?spm=5176.doc55359.6.556.ZG9vwi 进行修改!

至此所有的教程写完了,经验证无误!终于搞定了!

内容出处:,

声明:本网站所收集的部分公开资料来源于互联网,转载的目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。如果您发现网站上有侵犯您的知识产权的作品,请与我们取得联系,我们会及时修改或删除。文章链接:http://www.yixao.com/procedure/5657.html

发表评论

登录后才能评论