tp5 阿里大于短信服务发送验证码 并验证

一   下载阿里大于的PHPSDk

具体文件  提供一份 下载 https://gitee.com/itxkf/aliyun-php-sdk

将这个文件夹放入TP5框架中extend目录中（extend目录用于存放一些第三方类库）。

我们只需要将目录里的api_sdk复制出来到tp5根目录的extend下面。文件夹复制过去后，我们最好更改一下名称，比如我们更改为alisms。

2-在直接在应用目录下的函数库common里写函数调用

首先在函数顶部引入阿里云短信的命名空间，无需修改，官方sdk自带的命名空间
use Aliyun\Core\Config;
use Aliyun\Core\Profile\DefaultProfile;
use Aliyun\Core\DefaultAcsClient;
use Aliyun\Api\Sms\Request\V20170525\SendSmsRequest;
 
//阿里短信函数，$mobile为手机号码，$code为自定义随机数
function sendMsg($mobile,$code){
 
    //这里的路径EXTEND_PATH就是指tp5根目录下的extend目录，系统自带常量。alisms为我们复制api_sdk过来后更改的目录名称
    require_once EXTEND_PATH.'alisms/vendor/autoload.php';
    Config::load();             //加载区域结点配置
 
    $accessKeyId = '×××××××××××××';  //阿里云短信获取的accessKeyId
 
    $accessKeySecret = '×××××××××××××';    //阿里云短信获取的accessKeySecret
 
    //这个个是审核过的模板内容中的变量赋值，记住数组中字符串code要和模板内容中的保持一致
    //比如我们模板中的内容为：你的验证码为：${code}，该验证码5分钟内有效，请勿泄漏！
    $templateParam = array("code"=>$code);           //模板变量替换
 
    $signName = 'xxxxxxxxx'; //这个是短信签名，要审核通过
 
    $templateCode = 'SMS_×××××××';   //短信模板ID，记得要审核通过的
 
 
    //短信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($mobile);
 
    // 必填，设置签名名称
    $request->setSignName($signName);
 
    // 必填，设置模板CODE
    $request->setTemplateCode($templateCode);
 
    // 可选，设置模板参数
    if($templateParam) {
        $request->setTemplateParam(json_encode($templateParam));
    }
 
    //发起访问请求
    $acsResponse = $acsClient->getAcsResponse($request);
 
    //返回请求结果
    $result = json_decode(json_encode($acsResponse),true);
    return $result;

3-在控制器里调用

 /*
        * 前台ajax请求发送短信验证码
        */
    public function sendSms($phone)
    {
        $mobile = $phone;
        //$code = 1111;
        $code = mt_rand(10000, 99999);
        $result = sendMsg($mobile, $code);
        $code=$code;
        if ($result['Code'] == 'OK') {
            //存到cookie
            echo $code;
            cookie("code",$code,3600);
        }
    }

4-ajax的请求

function bindPhoneNum(){
    //ajaxt提交去后台发送验证码
    $.getJSON('/admin/user/sendSms?phone='+$("#phone").val(),function (data) {
        console.dir(data);
    })
    //启用输入框
    $('#captcha').prop('disabled',false);

    var time=30;
    var interval = setInterval(function(){
        time--;
        if(time<=0){
            clearInterval(interval);
            var html = '获取验证码';
            $('#get_captcha').prop('disabled',false);
        } else{
            var html = time + ' 秒后再次获取';
            $('#get_captcha').prop('disabled',true);
        }

        $('#get_captcha').val(html);
    },1000);
}

5--html代码

	<form action="{:url('admin/user/reg')}" method="post" class="form form-horizontal" enctype="multipart/form-data">
		<div class="row cl">
			<label class="form-label col-xs-4 col-sm-3"><span class="c-red">*</span>手机：</label>
			<div class="formControls col-xs-8 col-sm-9">
				<input type="text" class="input-text" value="" placeholder="" id="phone" name="phone">
			</div>
		</div>
		<div class="row cl">
			<label class="form-label col-xs-4 col-sm-3"><span class="c-red">*</span>验证码：</label>
			<div class="formControls col-xs-8 col-sm-9">
				<input type="text" class="txt" value="" placeholder="请输入短信验证码" name="captcha"  disabled="disabled" id="captcha"/>
				<input type="button" onclick="bindPhoneNum(this)" id="get_captcha" value="获取验证码" style="height: 25px;padding:3px 8px"/>
			</div>
		</div>
		<div class="row cl">
			<label class="form-label col-xs-4 col-sm-3"><span class="c-red">*</span>用户名：</label>
			<div class="formControls col-xs-8 col-sm-9">
				<input type="text" class="input-text" value="" placeholder="" id="username" name="username">
			</div>
		</div>
		<div class="row cl">
			<label class="form-label col-xs-4 col-sm-3"><span class="c-red">*</span>昵称：</label>
			<div class="formControls col-xs-8 col-sm-9">
				<input type="text" class="input-text" value="" placeholder="" id="nickname" name="nickname">
			</div>
		</div>
		<div class="row cl">
			<label class="form-label col-xs-4 col-sm-3"><span class="c-red">*</span>是否vip：</label>
			<div class="formControls col-xs-8 col-sm-9 skin-minimal">
				<div class="radio-box">
					<input name="is_vip" type="radio" id="sex-1" value="1" checked>
					<label for="sex-1">是</label>
				</div>
				<div class="radio-box">
					<input type="radio" id="sex-0" name="is_vip" value="0">
					<label for="sex-0">否</label>
				</div>
			</div>
		</div>
		<div class="row cl">
			<label class="form-label col-xs-4 col-sm-3"><span class="c-red">*</span>结束时间：</label>
			<div class="formControls col-xs-8 col-sm-9">
				<input type="date" class="input-text" value="" placeholder="" id="end_time" name="end_time">
			</div>
		</div>
		<div class="row cl">
			<div class="form-group" style="margin-left: 80px">
				<label class="form-label  col-sm-2">头像：</label>
				<div class="formControls col-xs-10 col-sm-10" >
					<input class="file" type="file" name="img" >
				</div>
			</div>
		</div>
		<!--<div class="row cl">-->
			<!--<label class="form-label col-xs-4 col-sm-3">附件：</label>-->
			<!--<div class="formControls col-xs-8 col-sm-9"> <span class="btn-upload form-group">-->
				<!--<input class="input-text upload-url" type="text" name="uploadfile" id="uploadfile" readonly nullmsg="请添加附件！" style="width:200px">-->
				<!--<a href="javascript:void();" class="btn btn-primary radius upload-btn"><i class="Hui-iconfont">&#xe642;</i> 浏览文件</a>-->
				<!--<input type="file" multiple name="file-2" class="input-file">-->
				<!--</span> </div>-->
		<!--</div>-->
		<div class="row cl">
			<label class="form-label col-xs-4 col-sm-3"><span class="c-red">*</span>等级：</label>
			<div class="formControls col-xs-8 col-sm-9">
				<input type="text" class="input-text" value="" placeholder="" id="level" name="level">
			</div>
		</div>
		<div class="row cl">
			<label class="form-label col-xs-4 col-sm-3"><span class="c-red">*</span>状态：</label>
			<div class="formControls col-xs-8 col-sm-9 skin-minimal">
				<div class="radio-box">
					<input name="status" type="radio" id="sex-1" value="1" checked>
					<label for="sex-1">正常</label>
				</div>
				<div class="radio-box">
					<input type="radio" id="sex-0" name="status" value="0">
					<label for="sex-0">禁用</label>
				</div>
			</div>
		</div>
		<div class="row cl">
			<div class="col-xs-8 col-sm-9 col-xs-offset-4 col-sm-offset-3">
				<input class="btn btn-primary radius"  type="submit" value="&nbsp;&nbsp;提交&nbsp;&nbsp;">
			</div>
		</div>
	</form>

6----注册时控制器的代码

 public function reg(){
        if(\request()->isPost()){
            //读取cookie的值
            $code=cookie("code");
            if($code!=input("captcha")){
                echo "验证码错误";exit;
            }
            $data=$_POST;
            var_dump($data);exit;
        }
        return $this->fetch("user-reg");
    }

不对的地方 请指教！