tp5实现短信注册，调用第三方接口，电话通知，和短信通知都可以。

最新推荐文章于 2023-03-08 14:58:00 发布
最新推荐文章于 2023-03-08 14:58:00 发布
阅读量785 收藏 2
点赞数 2
分类专栏： API接口开发 文章标签： php jquery
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_43811134/article/details/104088321
版权

thinkphp5实现短线验证注册，
思路：
1、一个表单，表单中要有一个手机字段，和密码。
2、在提交验证码添加点击事件，触发ajax，请求后台，发送短信。
3、后台中编写控制器方法， 一个ajax请求发送短信，一个表单验证成功条页面。
4、在config.php中输入、短信接口，和appkey。我使用的是京东万象，因为有免费的短信的测试，虽然就几条但是还是很开心。
5、在common.php中编写函数，一个发送短信的函数，一个是curl发送请求。
开始代码：
骨架和内容：html：这里我就写了一个简单的正则匹配手机号，和验证码，因为不使用正则， 他直接就进入后台控制器方法，所以正则匹配，在前端简单阻拦一下。

<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>{$title}</title>
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSsMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
    <script src="https://cdn.bootcss.com/jquery/3.4.1/jquery.min.js"></script>

    <style>
        .error{
            line-height: 30px;
            color:#ff0000;
        }
    </style>
</head>
<body>

<div style="margin:50px auto;width: 1200px;">
    <h1>用户注册</h1>
    <br>
    <form class="form-horizontal" method="post" action="{:url('index/login/regOk')}">
        {:token()}
        <div class="form-group">
            <label for="name" class="col-sm-2 control-label">昵称</label>
            <div class="col-sm-3">
                <input type="text" class="form-control" name="username" id="name" placeholder="请输入昵称">
            </div>
            <span class="error"></span>
        </div>
        <div class="form-group">
            <label for="phone" class="col-sm-2 control-label">手机号</label>
            <div class="col-sm-3">
                <input type="text" class="form-control" name="phone" id="phone" placeholder="请输入手机号">
            </div>
            <span class="error"></span>
        </div>
        <div class="form-group">
            <label for="code" class="col-sm-2 control-label">验证码</label>
            <div class="col-sm-3">
                <input type="text" class="form-control" name="code" id="code" maxlength="4" placeholder="请输入验证码">
                <button type="button" id = "btnsend" style="margin-top:15px;">发送验证码</button>
            </div>
            <span class="error"></span>
        </div>
        <div class="form-group">
            <label for="password" class="col-sm-2 control-label">密码</label>
            <div class="col-sm-3">
                <input type="text" class="form-control" name="password" id="password" placeholder="请输入密码">
            </div>
            <span class="error"></span>
        </div>
        <div class="form-group">
            <label for="repassword" class="col-sm-2 control-label">确认密码</label>
            <div class="col-sm-3">
                <input type="text" name="repassword" class="form-control" id="repassword" placeholder="请确认密码">
            </div>
            <span class="error"></span>
        </div>
        <div class="form-group">
            <div class="col-sm-offset-2 col-sm-10">
                <button type="button" class="btn btn-default">确认注册</button>
            </div>
        </div>
    </form>
</div>

<script>

    // 发送短信验证
    $("#btnsend").click(function(){

        // 手机号检测
        if($("#phone").val() == ""){

            $("#phone").closest(".form-group").find(".error").html("手机号不允许为空");
            flag = false;
        }else if(!/^1[3-9]\d{9}$/.test($("#phone").val())){

            $("#phone").closest(".form-group").find(".error").html("手机号格式不正确");
            flag = false;
        }else{
            $("#phone").closest(".form-group").find(".error").html("");
        }

        var data = {"phone":$("#phone").val()};

        $.ajax({
            url:"{:url('index/login/sendcode')}",
            data:data,
            dataType:'json',
            success:function(res){
                if(res.code != 10000){
                    alert("发送短信失败，请重新使用");
                    return;
                }

            }
        })


    })

    // 表单提交验证
    $(".btn").click(function(){
        flag = true;

        // 用户名检测
        if($("#name").val() == ""){
            $("#name").closest(".form-group").find(".error").html("用户名不能为空");
            flag = false;
        }else{
            $("#name").closest(".form-group").find(".error").html("");
        }

        // 手机号检测
        if($("#phone").val() == ""){

            $("#phone").closest(".form-group").find(".error").html("手机号不允许为空");
            flag = false;
        }else if(!/^1[3-9]\d{9}$/.test($("#phone").val())){

            $("#phone").closest(".form-group").find(".error").html("手机号格式不正确");
            flag = false;
        }else{
            $("#phone").closest(".form-group").find(".error").html("");
        }

        // 验证码检测
        if($("#code").val() == ""){

            $("#code").closest(".form-group").find(".error").html("验证码不能为空");
            flag = false;
        }else if(!/^\d{4}$/igm.test($("#code").val())){

            $("#code").closest(".form-group").find(".error").html("验证码格式不正确");
            flag = false;
        }else{

            $("#code").closest(".form-group").find(".error").html("");
        }

        // 密码检测
        if($("#password").val() == ""){
            $("#password").closest(".form-group").find(".error").html("密码不能为空");
            flag = false;
        }else{
            $("#password").closest(".form-group").find(".error").html("");
        }

        if($("#repassword").val() == ""){
            $("#repassword").closest(".form-group").find(".error").html("确认密码不能为空");
            flag = false;
        }else{
            $("#repassword").closest(".form-group").find(".error").html("");
        }

        if(flag){

            $(".form-horizontal").submit();
        }
    })
</script>

</body>
</html>

然后配置config.php，
在最下面添加就可以

// 短信配置
    'msg' => [
    	// 这个是我请求的短信接口地址
        'gateway' => 'https://way.jd.com/chonry/voice',
        'appkey' => '你的appkey'
    ],

开始控制器方法：
两个方法，ajax请求对象方法，和表单验证成功提交方法。

// 用户注册成功
    public function regOk(Request $request)
    {
        $data = $request->param();
        // 数据验证
        $rule = [
            'username' => 'require|token',
            'phone' => 'require|number',
            'code' => 'require|number|max:4',
            'password' => 'require|confirm:repassword',
        ];
        $msg = [
            'username.require' => "姓名不允许为空",
            'username.token' => "重复提交了哦",
            'phone.require' => "手机号不允许为空",
            'phone.number' => "手机号格式不正确，必须都要为数字",
            'code.require' => "验证码不允许为空",
            'code.number' => "验证码格式不正确，必须都要为数字",
            'code.max' => "验证码最多为4位",
            'password.require' => "密码不允许为空",
            'password.confirm' => '密码不一致'
        ];
        $validate = new \think\Validate($rule,$msg);
        if(!$validate->check($data)){
            $error = $validate->getError();
            $this->error($error);
        }

        // 判断数据库中是否存在手机号
        $result = \app\index\model\Index::where("usernum",'=',$data['phone'])->find();
        if(isset($result)){
            $res = [
                'code' => 10002,
                'msg' => "数据库存在"
            ];
            return json($res);
        }
        // 获取存储在缓存中的验证码,并且判断和用户输入的是否一致
        $code = cache("code");
        if($code != $data['code']){
            $this->error("验证码错误");
        }

        // 因为我的表名和数据库值 所以我就添加个字段传递过去
        $data['usernum'] = $data['phone'];

        // 这个是我使用的一个加密函数  默认密码可以直接使用md5加密
        $data['password'] = md5passeword($data['password']);

        // 到这一步说明上方的已经全部成功，所以直接入库
        \app\index\model\Index::create($data,true);

        //然后跳转到登陆页，
        return $this->success("注册成功,请登录","index/login/index");

    }

    // 发送短信验证码  ajax请求的方法地址
    public function sendcode(int $phone)
    {
        // 首先判断一下当前的手机号不允许为空
        if(empty($phone)){
            return "手机号不允许为空";
        }
        // 随机4位验证码
        $code = mt_rand(1000,9999);

        // 模板文件
        $content = $code;
        // 调用请求方法
        $flag = sendmsg($phone,$content);

        // 开发测试阶段 可以先不要发送出去，因为免费的比较少

        # $flag = true;
        if($flag === true){

            cache("code",$code,120);
            // 在这里可以输出一下
            // echo $code;
            $data = [
                'code' => 10000,
                'msg' => "成功"
            ];
            return json($data);
        }else{
            $data = [
                'code' => 10001,
                'msg' => "发送短信失败",
            ];
            return json($data);
        }
    }

开始编写重要的两个函数方法，一个是获取cofing配置中的路径，然后将这个路径通过curl的方式去请求接口。先判断是否有这个函数然后在创建函数，这个函数方法我是写在common.php方法中。

// 设置请求对象
if(!function_exists("sendmsg")){
	// 短线验证函数
    function sendmsg($phone,$content)
    {
        // 获取请求路径
        $gateway = config('msg.gateway');
        $appkey = config("msg.appkey");

        // 拼接url
        $url = $gateway."?mobile=".$phone."&voiceCode=".$content."&appkey=".$appkey;
        
        // 调用curl 发送请求
        $res = sendcurl($url,false,[],true);

        if(!$res){

            return false;
        }

        // 将获取到的请求信息转换成数组
        $arr = json_decode($res,true);

        if($arr['code'] != 10000){
            return $arr['msg'];
        }

        return true;
    }
}

// 设置curl发送请求
if(!function_exists("sendcurl")){
    function sendcurl($url,$post=false,$param=[],$https = false)
    {
        // 初始化 curl请求
        $cn = curl_init($url);

        // 判断请求
        if($post){
            curl_setopt($cn,CURLOPT_PORT,true);
            curl_setopt($cn,CURLOPT_POSTFIELDS,$param);
        }

        // 判断https请求
        if($https){
            curl_setopt($cn,CURLOPT_SSL_VERIFYPEER,false);
        }

        // 配置项，返回最后内容
        curl_setopt($cn,CURLOPT_RETURNTRANSFER,true);

        //发送请求
        $res = curl_exec($cn);

        // 关闭请求
        curl_close($cn);

        // 返回请求信息
        return $res;
    }
}

最后添一下我的数据表格式：
在这里插入图片描述
其实写到最后，逻辑通了就好写，优化的地方还有很多，同时这个功能，我感觉最难的应该就是curl请求方法，别的其实都还好。

刘默生
关注
  • 2
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
thinkPHP5项目中实现QQ第三方登录功能
10-19
主要介绍了thinkPHP5项目中实现QQ第三方登录功能,结合实例形式较为详细的分析了修改QQ登陆接口并整合进thinkPHP5项目中的具体步骤与相关操作技巧,需要的朋友可以参考下
tp3封装腾讯云短信接口
09-04
tp3封装腾讯云短信接口
第三方素材解析源码,素材解析源码,tp5内核。
01-11
第三方素材解析源码分享给大家伙儿,仅限于研究哈。我也是朋友分享给我的。喜欢的自己拿走研究，tp内核。
tp5+微信HTML5支付调用微信接口
09-07
tp5+微信HTML5支付调用微信接口,网页直接调用，唤起微信支付。方便快捷
tp5框架开发的restful API接口自动生成文档源码.zip
04-07
tp5框架开发的restful API接口自动生成文档源码
ThinkPHP5入门
05-19
ThinkPHP5初级入门
TP5对接免签FM支付接口
weixin_43714860的博客
07-18 641
由于自己的网站需要用到在线收款，但是使用某宝和某信的签约接口太麻烦了，仅仅只用一个某宝当面付功能来收款，又太单一，而且有时收款多了，经常被某宝风控（本人从事正当行业，但是频繁的收款容易被误杀了。）商户注册-支付FM,聚合支付接口,让支付接口更简单），一个不需要任何签约方式的收款渠道，支持多个平台收款，不是广告，只是推荐给有需要的朋友！.........
tp5书写接口
YiFeng_888的博客
12-20 2367
在项目开发中，小程序、APP都离不开接口调用资源数据。那么使用TP5书写接口，该怎么写呢？接口安全怎么保证？ 首先，举一个易懂、简单上手快的接口给大家分享一下： 比如App调用数据进行渲染： 控制器层： public function index() { //引入秘钥 $pwd=new ApisModel();//实例化model，注意...
php tp5.0中调用第三方函数
weixin_51531777的博客
06-05 306
第一步：通过QQ互联设置第三方登录的域名 第二步：给QQ图像一个点击事件 <div class="types"> <ul> <!-- QQ的LOGO图--> <li onclick="toLogin()"><img src="__STATIC__/home/img/qq.png" width="35px" height="35px" /></li> </ul> </
Thinkphp5第三方接口QQ登录
weixin_43781276的博客
04-01 506
网站QQ登录接口 首先需要到QQ互联审核账号，账号审核通过之后创建应用后才能使用; 1.创建应用 填写基本信息与回调地址 创建成功审核通过和可以获取到appid与appkey (注:这里审核不通过也可以开发，有appid与appkey就行) 2.接口编写 ①首先进入QQ互联->文档资料->SDK及资源下载->SDK下载 下载PHP SDK 下载解压后是一个connect2....
tp5对接第三方支付，需要调转到第三方支付页面，
卡卡兽的博客
04-27 507
我按第三方文档直接把接口放到根路径，我对路径还理解不清，www.xxx.com/cc/cc.php，直接报模块不存在，我在页面写的…/xx/xx.php。 后台查了资料，问了朋友，才知道，域名绑定的是入口文件，tp的入口文件直接到转到应用目录了，后台我把路径放到index.php同级的路径，页面改成www.xxx.com/…/xx/xx.php，就可以了。 ...
ThinkPHP5框架集成第三方登陆SDK实现登陆功能
科技男
11-28 2138
最近使用Think PHP5框架开发一个应用，需要使用第三方登陆，因此用了这篇经验文章 下载第三方登陆的SDK文件，下载地址：http://dwz.cn/6Xy4PB 将下载下来的文件解压，在文件加里面有三个文件加，extend是tp5类库文件夹，extra是SDK配置文件，event是请求第三方接口获取授权信息 将得到的三个文件夹分别放到如图中所示的路径
thinkphp5 引入钉钉接口 调取企业员工信息 存入数据库
sfi799的博客
11-30 1895
原创文章转自：https://www.ympfb.com/show-29-30-1.html 大家在使用tp5 开发的时候，大部分都需要用到第三方SDK ，那么如何引入呢？ 今天站长为大家分享一下 我们公司需要用到钉钉的接口，然后我就研究了 好几天，今天给大家分享出来， 我们公司是需要调用企业员工，名单，然后根据员工是否在职，给予相应的权限， 大家需要登陆 企业钉钉 的开放平台 ，下载相对应的 sdk 我这里是php 的 ， 然后把下载的东西放到 extend 里 然后引入 引入之前
PHP TP5 yii2.0 larval5.4 引入外部扩展教程 TP5 import API接口token验证
freedom_fd的博客
05-29 391
PHP TP5 yii2.0 larval5.4 引入外部扩展教程 总结一下 , 最近突然想起来, 长时间不用就忘掉了 ,今天有点时间 就把记录下来了 TP 5.0 扩展存放路径 API 是写的一个提供交互的API扩展 <?php /** * @公共文件 */ class Api { static function get($path="api/index") { ...
php接口开发形式,Thinkphp5实现接口开发
weixin_32254243的博客
03-11 572
Thinkphp5实现接口开发2018-06-160Thinkphp5系列教程时隔2个月,由于工作的事情太忙抽不出空,年底前的计划就是再出一套API接口开发的教程,上一篇教程主要讲的是开发一个简单的博客系统.此套教程我决定来说一下api接口开发.本套教程会围绕下面几个知识点做一个开发这篇文章是17年底完成的.其中演示代码大量使用Db类来直接操作数据库.是一种不好的写好.我会在之后的文章来说明。经过...
ThinkPHP5.0环境下编写接口及其调用
weixin_50340097的博客
08-15 839
认识什么是接口 简而言之，是一些预先编写好的函数，外部操作人员不需要理解具体其底层原理，只要把对应的参数传递进去得到正确的结果，这个过程就称为调用接口。它是实现软件与硬件之间数据交互的一个方式。 接口的请求流程 确定请求地址->判断是否为post请求(如果是post请求的话那么先需要一步组装参数，再发送请求，如果是get请求，那么就直接发送请求)->发送请求->处理返回数据->end 请求类型 有post、get（这两个从请求方式上来看） 从协议的不同上可以考虑则有 http请求可以
php 调用移动第三方短信接口
weixin_43727360的博客
03-08 749
注：公共方法 tp3路径\ThinkPHP\Extend\Vendor\SmsHelper\SendApi.php(省得以后忘记！
thinkphp5.0中使用curl调用接口数据
skx19980524的博客
03-23 2397
//第一种数据调用方式 $arr = array("a"=>"123456","b123456"=>"zhaotoubiao"); //接口地址与token $url ='https://地址?token=token'; $data_string=json_encode($arr); //初始化 $ch = curl_init(); ...
如何在thinkphp5.1中写接口及接口调用
zyk_php的博客
11-10 2616
如何在thinkphp5.1中写接口及接口调用
tp5 FPDF 和 FPDI 类库 放到extend目录怎么调用
最新发布
06-07
如果你将 `FPDF` 和 `FPDI` 类库放到了 `extend` 目录下，可以按照以下方式调用： 1. 在控制器中引入类库： ```php use \think\fpdf\Fpdf; use \think\fpdf\Fpdi; ``` 2. 创建 `Fpdf` 和 `Fpdi` 对象： ```php $...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值