专业编程基础技术教程

网站首页 > 基础教程 正文

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

ccvgpt 2024-08-02 12:12:24 基础教程 9 ℃

tp3.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秘钥

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

（3）下载阿里大于SDK和demo

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

解压后：

（4）创建api

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

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

（1）使用命名空间方式引入阿里大于

namespace Admin\Controller;

use Think\Controller;

use Aliyun\Core\Config;

use Aliyun\Core\Profile\DefaultProfile;

use Aliyun\Core\DefaultAcsClient;

use Aliyun\Api\Sms\Request\V20170525\SendSmsRequest;

（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 "<span style='color:red'>手机号已注册！</span>";

// }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协议对换行符的要求,比如短信内容中包含\r\n的情况在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的前端代码！

<table class="layui-table">

<tr>

<td width="20%" align="right">手机号：</td>

<td width="80%">

<span class="table_span" style="width:300px; float:left;"><input name="phone" type="text" id="phone" class="layui-input"></span>

<!--<span class="table_txt" id="phone_tips">ok</span>-->

<span class="table_txt" id="times"></span>

<span class="table_txt" id="send">发送验证码</span>

</td>

</tr>

<tr>

<td align="right">验证码：</td>

<td>

<span class="table_span" style="width:300px; float:left;"><input type="text" id="verify" name="verify" class="layui-input"></span>

<span class="table_txt" id="chk_verify"></span></td>

</tr>

<tr>

<td align="right"></td>

<td valign="middle">

<input type="submit" name="Submit" id="login" value="确&nbsp; &nbsp;定" class="layui-btn" >

</td>

</tr>

</table>

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("<font color=red>验证码超时</font>");//增加一个超时验证

}else if(data == 'no'){

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

$("#chk_verify").html("<font color=red>验证码错误</font>")

}

//console.log(data);

}

});

});

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

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

版权所有，转载请注明出处！（百度百家的朋友，请不要在抄袭了！）

Tags：

猜你喜欢

最近发表
标签列表