这篇文章即参考了江南极客的博客: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 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 "手机号已注册!";
- // }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);//同样引入ajaxReturn方式
- }
- /**
- * 验证验证码是否在可用时间
- * @param [json] $nowTimeStr [发送结果]
- * @param [type] $smsCodeTimeStr [手机号]
- */
- public function checkTime($nowTimeStr,$smsCodeTimeStr) {
- $time = $nowTimeStr - $smsCodeTimeStr;
- if ($time>900) {
- return false;
- }else{
- return true;
- }
- }
第三步:前端设计
参考他们的博客,都没有写前端,因为前端都相对简单了,这里为了方便大家交流,我把我的代码贴了出来!我使用的是layui的前端代码!
class="layui-table">
"20%" align="right">手机号:"80%" >- class="table_span" style="width:300px; float:left;">"phone" type="text" id="phone" class="layui-input">
- class="table_txt" id="times">
- class="table_txt" id="send">发送验证码
"right" >验证码:- class="table_span" style="width:300px; float:left;">"text" id="verify" name="verify" class="layui-input">
- class="table_txt" id="chk_verify">
"right" >"middle" >- "submit" name="Submit" id="login" value="确 定" class="layui-btn" >

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 进行修改!
至此所有的教程写完了,经验证无误!终于搞定了!
版权所有,转载请注明出处!(百度百家的朋友,请不要在抄袭了!)
文章点评