thinkphp整合系列之极验滑动验证码

对于建站的筒子们来说;垃圾广告真是让人深恶痛绝;
为了清净;搞个难以识别的验证码吧;又被用户各种吐槽;
直到后来出现了极验这个滑动的验证码;这真是一个体验好安全高的方案;
白俊遥博客
官网:http://www.geetest.com/ (此处应该有广告费)
示例项目:https://github.com/baijunyao/thinkphp-bjyadmin

一:注册获取key
注册;创建应用;获取key;

白俊遥博客
二:导入sdk
/ThinkPHP/Library/Org/Xb/Geetest.class.php
三:生成验证样式
/tpl/Home/Index/index.html

<div class="box">
    <h4>
        <a target="_blank" href="http://baijunyao.com/article/79">thinkphp整合系列之极验滑动验证码</a>
    </h4>
    <form id="geetest" action="{:U('Home/Index/geetest_submit_check')}" method="post">
        账号:<input type="text" name="username" value="admin">
        密码:<input type="text" name="password" value="123456">
        <input type="button" value="异步验证登录" onclick="check_verify()">
        <input type="submit" value="post提交登录">
        <div id="captcha"></div>
    </form>
</div>
<script src="/Public/statics/js/jquery-1.10.2.min.js"></script>
<script src="http://static.geetest.com/static/tools/gt.js"></script>
<script>
    var handler = function (captchaObj) {
        // 将验证码加到id为captcha的元素里
        captchaObj.appendTo("#captcha");
     };
    // 获取验证码
    $.get("{:U('Home/Index/geetest_show_verify')}", function(data) {
        // 使用initGeetest接口
        // 参数1:配置参数,与创建Geetest实例时接受的参数一致
        // 参数2:回调,回调的第一个参数验证码对象,之后可以使用它做appendTo之类的事件
        initGeetest({
            gt: data.gt,
            challenge: data.challenge,
            product: "float", // 产品形式
            offline: !data.success
        }, handler);
    },'json');
    // 检测验证码
    function check_verify(){
        // 组合验证需要用的数据
        var test=$('.geetest_challenge').val();
        var postData={
            geetest_challenge: $('.geetest_challenge').val(),
            geetest_validate: $('.geetest_validate').val(),
            geetest_seccode: $('.geetest_seccode').val()
        }
        // 验证是否通过
        $.post("{:U('Home/Index/geetest_ajax_check')}", postData, function(data) {
            if (data==1) {
                alert('验证成功');
            }else{
                alert('验证失败');
            }
        });
    }
</script>

四:验证函数
/Application/Common/Common/function.php

/**
 * geetest检测验证码
 */
function geetest_chcek_verify($data){
    $geetest_id=C('GEETEST_ID');
    $geetest_key=C('GEETEST_KEY');
    $geetest=new \Org\Xb\Geetest($geetest_id,$geetest_key);
    $user_id=$_SESSION['geetest']['user_id'];
    if ($_SESSION['geetest']['gtserver']==1) {
        $result=$geetest->success_validate($data['geetest_challenge'], $data['geetest_validate'], $data['geetest_seccode'], $user_id);
        if ($result) {
            return true;
        } else{
            return false;
        }
    }else{
        if ($geetest->fail_validate($data['geetest_challenge'],$data['geetest_validate'],$data['geetest_seccode'])) {
            return true;
        }else{
            return false;
        }
    }
}

多谢 香蕉你个banana 童鞋的提醒;补上验证的函数;
五:php 生成验证码 并 验证

/Application/Home/Controller/IndexController.class.php

    /**
     * geetest生成验证码
     */
    public function geetest_show_verify(){
        $geetest_id=C('GEETEST_ID');
        $geetest_key=C('GEETEST_KEY');
        $geetest=new \Org\Xb\Geetest($geetest_id,$geetest_key);
        $user_id = "test";
        $status = $geetest->pre_process($user_id);
        $_SESSION['geetest']=array(
            'gtserver'=>$status,
            'user_id'=>$user_id
            );
        echo $geetest->get_response_str();
    }
    /**
     * geetest submit 提交验证
     */
    public function geetest_submit_check(){
        $data=I('post.');
        if (geetest_chcek_verify($data)) {
            echo '验证成功';
        }else{
            echo '验证失败';
        }
    }
    /**
     * geetest ajax 验证
     */
    public function geetest_ajax_check(){
        $data=I('post.');
        echo intval(geetest_chcek_verify($data));
    }

白俊遥博客
请先登录后发表评论
  • latest comments
  • 总共24条评论
白俊遥博客

夏一 :白老大,怎么配置才能出现二级验证呢就是滑动验证

2017-08-21 10:50:33 回复

白俊遥博客

爱便流通于世 :120个赞

2017-06-12 12:18:43 回复

白俊遥博客

夏颜默 :postdata里面的值是怎么怎么来的

2017-05-26 15:31:54 回复

白俊遥博客

爱便流通于世 :怎么来的呀?

2017-06-12 12:19:04 回复

白俊遥博客

Jacy :弱弱的问下,reset函数怎么用?比如输入的用户名和密码错了,需要重置验证码.

2017-04-05 15:43:34 回复

白俊遥博客

急速野驴 白俊遥博客妥妥的关注了,全是干货啊

2017-04-03 09:36:17 回复

白俊遥博客

没没、 :这个可以改变验证码的大小么

2017-03-02 11:52:24 回复

白俊遥博客

白俊遥博客为啥我的不出现验证码

2017-01-01 12:32:30 回复

白俊遥博客 白俊遥博客

云淡风晴 :我看了下;我的示例还可以正常显示的;你照着对比代码;

2017-01-02 14:05:24 回复

白俊遥博客

:解决了 谢谢

2017-01-02 14:48:02 回复

白俊遥博客

°~~ :请先登录后回复评论

2017-02-12 14:26:23 回复

白俊遥博客

梵梵✅ :大神 能整合一个 阿里大于 就好了

2016-11-10 16:22:35 回复

白俊遥博客

于展展@技术部 :用thinkphp写的博客程序,厉害啊,厉害白俊遥博客

2016-09-24 07:58:40 回复

白俊遥博客

费墨 :楼主好厉害

2016-09-19 09:43:50 回复

白俊遥博客

Hello world. :太刁了。

2016-09-05 17:56:03 回复

白俊遥博客

简简单单 :俊哥,这个怎么更改弹出类型

2016-08-31 16:48:16 回复

白俊遥博客 白俊遥博客

云淡风晴 :是更换这些类型吗?http://www.geetest.com/exp_normal

2016-08-31 23:12:14 回复

白俊遥博客

香蕉你个banana 白俊遥博客验证码需要使用function.php中的封装的函数,还需要用到测试用的key,和id,研究了好长时间才解决.

2016-08-30 15:58:30 回复

白俊遥博客 白俊遥博客

云淡风晴 :多谢提醒;已经补充到文章中了;

2016-08-30 23:02:33 回复

白俊遥博客

简简单单 :下载你的dome才看到~

2016-08-31 15:31:01 回复

白俊遥博客

Antion Zhou :不生成图片

2016-08-26 11:27:34 回复

白俊遥博客

YYDS :这篇文章真是太好了

2016-07-20 18:19:04 回复

白俊遥博客

梵梵✅ 白俊遥博客前辈 ! 你的后台要加上手机站  怎么改呢?判断修改模版目录?但是不知道怎么写呢。因为前台已经定义了TPL为模版目录

2016-07-20 14:40:33 回复

白俊遥博客 白俊遥博客

云淡风晴 :你是想能通过后台控制前台使用哪个主题模板吗?

2016-07-26 15:39:15 回复