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

令恶意程序敬畏、用户喜爱的验证安全体系 - 极验滑动验证码
首先需要登录官网创建应用获取key,获取sdk导入
/ThinkPHP/Library/Org/Util/Geetest.class.php

sdk下载:gt-php-sdk-master.zip

前端生成验证样式:

<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>
<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>

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\Util\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_check_verify($data)) {
        echo '验证成功';
    }else{
        echo '验证失败';
    }
}

/**
 * geetest ajax 验证
 */
public function geetest_ajax_check(){
    $data=I('post.');
    echo intval(geetest_check_verify($data));
}

Tags: thinkphp

添加新评论