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,只是根据自己的需要,做了部分简单的修改!
第一步:阿里大于配置
(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 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的前端代码!
手机号: 发送验证码 验证码:
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);
}
});
});
如果中间出现任何错误提示,可以参考阿里云帮助:https://help.aliyun.com/document_detail/55451.html?spm=5176.doc55359.6.556.ZG9vwi 进行修改!
至此所有的教程写完了,经验证无误!终于搞定了!
内容出处:,
声明:本网站所收集的部分公开资料来源于互联网,转载的目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。如果您发现网站上有侵犯您的知识产权的作品,请与我们取得联系,我们会及时修改或删除。文章链接:http://www.yixao.com/procedure/5657.html