tp框架融入短信发送和验证

1. 页面布局

 <form action="" method="post" id="reg_form">
        <div class="phone">
            <input type="text" name="phone" placeholder="请输入您的手机" maxlength="11" autocomplete="off" required="required">
            <div class="getcode">
                获取验证码
            </div>
        </div>
        <div class="phonecode">
            <input type="text" name="code" placeholder="请输入验证码" autocomplete="off">
        </div>
        <div class="password">
            <input type="password" name="password" placeholder="请输入密码（最少8位  数字+字母）" autocomplete="off">
        </div>
        <button type="submit">立即注册</button>
    </form>

2. js文件

 //发送验证码
    $('.getcode').click(function () {
        var reg=/^1[3|4|5|7|8][0-9]\d{4,8}$/;                            //手机号正则
        var mobile = $('input[name=phone]').val();            
        if(mobile==null || mobile=="" || !reg.exec(mobile))
        {
            alert("联系电话有误，请重新填写");
        }else{
            var time = 5;
            var timer =  setInterval(function () {
                time--;
                $('.getcode').html(time + 's');
                $('.getcode').css({'pointer-events':'none','background':'#f5a440','color':'white','border':'0.3vw solid #f5a440'})
                if(time == 0){
                    clearInterval(timer)
                    $('.getcode').removeAttr('style');
                    $('.getcode').html('获取验证码');
                    time = time
                }
            },1000)
            $.ajax({
                type: "POST",//方法类型
                dataType:"json",
                url:"{:url('smscode/SmsCode/sendSms')}",
                data:{mobile:mobile},
            })
        }

3. PHP响应

到阿里云上下载sdkDemo 地址：https://help.aliyun.com/document_detail/55359.html?spm=a2c4g.11186623.6.674.71de1886jEfohz 因为我用是php语言，所以在这里我就下载php轻量的就可以了 下面我就直接上代码了（因为功能需求只需要把SignatureHelper.php文件放到项目当中）

   /**
     * 发送验证码
     * 这是下载的sdk里的sendSms.php文件中的内容，直接把相应的代码赋值过去就可以了
     * 需要对如下的参数进行传值  $accessKeyId  $accessKeySecret    
     * $params["PhoneNumbers"]    $params["SignName"]   $params["TemplateCode"]
     */
 public function sendSms(){
 		$mobile = $this->request->param('mobile');      //接收前台传过来的手机号
        $params = array (); 
        // *** 需用户填写部分 ***
        // fixme 必填：是否启用https
        $security = false;
        
        // fixme 必填: 请参阅 https://ak-console.aliyun.com/ 取得您的AK信息
        $accessKeyId = "your access key id";
        $accessKeySecret = "your access key secret";

        // fixme 必填: 短信接收号码
        $params["PhoneNumbers"] = mobile;   //将前台传来的手机号传值

        // fixme 必填: 短信签名，应严格按"签名名称"填写，请参考: https://dysms.console.aliyun.com/dysms.htm#/develop/sign
        $params["SignName"] = "短信签名";

        // fixme 必填: 短信模板Code，应严格按"模板CODE"填写, 请参考: https://dysms.console.aliyun.com/dysms.htm#/develop/template
        $params["TemplateCode"] = "SMS_0000001";

        // fixme 可选: 设置模板参数, 假如模板中存在变量需要替换则为必填项
        $code = $this->getCode();   //调用getcode方法生成验证码
        $params['TemplateParam'] = Array (
            "code" => "12345",    //因为在创建模板的时候只有这一个参数，所以我们在这里只要一个参数
        );

        // fixme 可选: 设置发送短信流水号
        //$params['OutId'] = "12345";

        // fixme 可选: 上行短信扩展码, 扩展码字段控制在7位或以下，无特殊需求用户请忽略此字段
        //$params['SmsUpExtendCode'] = "1234567";


        // *** 需用户填写部分结束, 以下代码若无必要无需更改 ***
        if(!empty($params["TemplateParam"]) && is_array($params["TemplateParam"])) {
            $params["TemplateParam"] = json_encode($params["TemplateParam"], JSON_UNESCAPED_UNICODE);
        }

        // 初始化SignatureHelper实例用于设置参数，签名以及发送请求
        $helper = new SignatureHelper();   

        // 此处可能会抛出异常，注意catch
        $content = $helper->request(
            $accessKeyId,
            $accessKeySecret,
            "dysmsapi.aliyuncs.com",
            array_merge($params, array(
                "RegionId" => "cn-hangzhou",
                "Action" => "SendSms",
                "Version" => "2017-05-25",
            )),
            $security
        );
        if($content->Code == 'OK' && $content->Message == 'OK'){
            echo json_encode(['status'=>1,'msg'=>'验证码发送成功']);
        }else{
            echo json_encode(['status'=>0,'msg'=>'手机号不正确']);
        }
    }
	/**
     * 生成随机数字的验证码
     * @param int $len      生成的位数
     * @return string       返回的验证码
     */
   private function getCode($len = 6){
        return str_pad(mt_rand(1,pow(10,$len)-1),$len,0,STR_PAD_LEFT);
    }

这样验证码发送功能就ok了 第一次写个有点地方可能写的不是很完善，请见谅。（请给身为小白的我多一些鼓励，谢谢大佬们了）