专业的事给专业的做,验证码第三方化还是比较爽的
一:注册获取key
注册->创建应用->获取id和key
二:配置
/conf/config.php(配置文件提出到根目录下conf)
三:导入sdk
/extend/geetest/Geetest
四:生成验证样式
<div class="box">
<h4>
<a target="_blank" href="#">thinkphp5整合geetest极验滑动验证码</a>
</h4>
<form id="geetest" action="{:url('index/User/login')}" method="post">
账号:<input type="text" name="username" value="admin">
密码:<input type="text" name="password" value="111111">
<input type="button" value="异步验证登录" onclick="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("{:url('index/User/captcha')}", function(data) {
// 使用initGeetest接口
// 参数1:配置参数,与创建Geetest实例时接受的参数一致
// 参数2:回调,回调的第一个参数验证码对象,之后可以使用它做appendTo之类的事件
initGeetest({
gt: data.gt,
challenge: data.challenge,
product: "float", // 产品形式
offline: !data.success
}, handler);
},'json');
// 检测验证码
function verify(){
// 组合验证需要用的数据
var data = {
geetest_challenge: $('.geetest_challenge').val(),
geetest_validate: $('.geetest_validate').val(),
geetest_seccode: $('.geetest_seccode').val()
}
// 验证是否通过
$.post("{:url('index/User/gtAsyncVerify')}", data, function(response) {
if (response == 1) {
alert('验证成功');
}else{
alert('验证失败');
}
});
}
</script>
五:验证函数
/conf/extra/function.php
<?php
use geetest\Geetest;
use think\Session;
/**
* geetest检测验证码
* @param $data
* @return bool
*/
function gtVerify($data){
$geetest_id = config('geetest.id');
$geetest_key = config('geetest.key');
$geetest = new Geetest($geetest_id, $geetest_key);
$user_id = Session::get('geetest.user_id');
if (Session::get('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;
}
}
}
六:php 生成验证码 并 验证
/**
* geetest生成验证码
*/
public function captcha(){
$geetest_id = config('geetest.id');
$geetest_key = config('geetest.key');
$geetest = new Geetest($geetest_id, $geetest_key);
$user_id = [uniqid() . rand(1000, 9999)];
$status = $geetest->pre_process($user_id);
Session::set('geetest', ['gtserver' => $status, 'user_id' => $user_id]);
echo $geetest->get_response_str();
}
/**
* 登录
* @return mixed
*/
public function login()
{
if(request()->isPost()){
$data = input('post.');
if(!gtVerify($data)){
$this->error('验证码错误');
}
$res = self::$event->login($data);
if($res['status'] == 1){
return $this->success($res['msg']);
}else{
return $this->error($res['msg']);
}
}else{
return $this->fetch();
}
}
/**
* geetest异步验证
*/
public function verify(){
$data = input('post.');
echo intval(gtVerify($data));
}