阿里云短信验证码接入写法

这个文件夹全部放进去
<li> <div class="layui-form-item"> <label style="padding: 9px 0;" class="layui-form-label"><span>*</span> 联系电话:</label> <div class="layui-input-block"> <div style="display: flex;margin-bottom:10px"> <input type="text" name="data[lxfs]" id="phone" lay-verify="required|phone" autocomplete="off" placeholder="请输入联系方式" class="layui-input"> <input style="border-radius: 30px;" id="btnSendCode1" type="button" class="layui-btn layui-btn-normal" value="获取验证码" onClick="sendMessage1()" /> </div> <input style="margin-left: 10px;width: 215px;" type="text" name="yzm" id="yzm" lay-verify="required|yzm" autocomplete="off" placeholder="验证码" class="layui-input"> </div> </div> </li>
5.js部分代码
<script>
var count = 60; //间隔函数,1秒执行
var InterValObj1; //timer变量,控制时间
var curCount1;//当前剩余秒数
var yzm = '';
/*第一*/
function sendMessage1() {
curCount1 = count;
var phone = $.trim($('#phone').val());
//设置button效果,开始计时
$("#btnSendCode1").attr("disabled", "true");
$("#btnSendCode1").val( + curCount1 + "s");
InterValObj1 = window.setInterval(SetRemainTime1, 1000); //启动计时器,1秒执行一次
var info = '';
$.ajax({
url: '{dr_url("special/send/index")}',//这里是你自己写的请求api的方法。里面是阿里云获取短信的方式
type: 'POST',
data: {
phone: phone//手机号
},
success: function (data) {
info = JSON.parse(data);
console.log(info,'info');
console.log(data,'data');
if (info.code == 1){
layer.msg('验证码发送成功!');
yzm = info.yzm;
}
if (info.code == 0){
layer.msg(info.msg);
}
}
});
}
function SetRemainTime1() {
if (curCount1 == 0) {
window.clearInterval(InterValObj1);//停止计时器
$("#btnSendCode1").removeAttr("disabled");//启用按钮
$("#btnSendCode1").val("重新发送");
}
else {
curCount1--;
$("#btnSendCode1").val( + curCount1 + "s");
}
}
</script>6.php部分代码,这里就需要把你下载的sdk解压放到你的网站目录里面,我这里是放到根目录下面,php里面的代码需要修改的,都以汉字进行描述,其他的不需要修改,如需要进行后台验证,可以把验证码存入session,然后在session中进行验证
<?php
/**
* 二次开发时可以修改本文件,不影响升级覆盖
*/
require 'Vendor/autoload.php';//入口文件
use AlibabaCloud\Client\AlibabaCloud;//引用的类
use AlibabaCloud\Client\Exception\ClientException;
use AlibabaCloud\Client\Exception\ServerException;
class Send extends \Poscms\Home\Module {
private function isphone($phone){
if (!is_numeric($phone)) {
return false;
}
return preg_match('#^13[\d]{9}$|^14[5,7]{1}\d{8}$|^15[^4]{1}\d{8}$|^17[0,6,7,8]{1}\d{8}$|^18[\d]{9}$#', $phone) ? true : false;
}
public function index() {
$phone = $this->input->post('phone');
$code = rand('111111','999999');//生成6位验证码
$TemplateParam = json_encode(['code'=>$code]);
if (!$this->isphone($phone)){//这里是用来判断你输入的手机号格式是否正确
echo json_encode(['code'=>0,'msg'=>'手机号码错误']);
return false;
}
AlibabaCloud::accessKeyClient('这里是你申请是accessid', '这里是你申请的accesskey')
->regionId('cn-hangzhou')
->asDefaultClient();
try {
$result = AlibabaCloud::rpc()
->product('Dysmsapi')
// ->scheme('https') // https | http
->version('2017-05-25')
->action('SendSms')
->method('POST')
->host('dysmsapi.aliyuncs.com')
->options([
'query' => [
'RegionId' => "cn-hangzhou",
'PhoneNumbers' => $phone,//这里是前台输入的手机号
'SignName' => '这里是你申请的签名',
'TemplateCode' => '这里是你创建的模版id',
'TemplateParam' => $TemplateParam,这里是其他的参数,就是你发送的验证码
],
])
->request();
$array = $result->toArray();
if ($array['Code'] == 'OK'){
echo json_encode(['code' => 1,'yzm' => $code]);
}else{
echo json_encode(['code' => 0,'msg' => '验证码发送失败!请重新获取!']);
}
} catch (ClientException $e) {
echo $e->getErrorMessage() . PHP_EOL;
} catch (ServerException $e) {
echo $e->getErrorMessage() . PHP_EOL;
}
}
}
- 在阿里云短信服务内够买短信,并创建模版以及短信签名,具体流程请查看阿里云手册
2.在阿里云短信服务内够买短信,并创建模版以及短信签名,具体流程请查看阿里云手册 3.在短信控制台->概览中点击accesskey,申请key以及id,使用子账户去创建,这样比较安全,具体操作方法,参考https://help.aliyun.com/document_detail/154750.html?spm=5176.12207334.0.0.58201cbeJSzwdo 4.下载阿里云sdk,可使用comporse安装,也可以直接下载我提供的安装包 https://help.aliyun.com/document_detail/53111.html?spm=a2c1g.8271268.10000.121.772fdf2567QDiv,我下载好的安装包在文末需要的可以自己下载,个人建议使用comporse安装,当然我下载的也是一样哈。 5.开始写代码(PS所有代码都有,基本不需要你进行修改,只需要修改js,ajax请求的发送验证码的接口以及修改方法里面阿里云对应申请的参数) 前台html部分,我这里使用了layui的样式以及验证方法,如果需要自行去网下载包,然后放到static目录下面,把layui.js跟layui.css引用进去就可以了vendor