GeeTest 極驗驗證

舉個簡單的例子，登錄驗證

1.先引入js庫

<script src="http://libs.baidu.com/jquery/1.9.0/jquery.js"></script>
<script src="http://static.geetest.com/static/tools/gt.js"></script>

2.html代碼

<div style="margin:300px;" >
        <div id="captcha"></div>
        <button type="submit" id="login">Login</button>
</div>

3.前端驗證

<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');
    
</script>

4.后端驗證碼生成

    /**
     * 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();
    }

5.調用驗證

 if(!geetest_chcek_verify(I('post.'))){
     $this->error('驗證碼錯誤');
     die;
}