Thinkphp极验滑动验证码实现步骤解析


Posted in PHP onNovember 24, 2020

对于建站的筒子们来说;垃圾广告真是让人深恶痛绝;

为了清净;搞个难以识别的验证码吧;又被用户各种吐槽;

直到后来出现了极验这个滑动的验证码;这真是一个体验好安全高的方案;

Thinkphp极验滑动验证码实现步骤解析

官网:http://www.geetest.com/ (此处应该有广告费)

示例项目:https://github.com/baijunyao/thinkphp-bjyadmin

一:注册获取key

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

Thinkphp极验滑动验证码实现步骤解析

二:导入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" rel="external nofollow" >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>

HTML

四:验证函数

/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;
    }
  }
}

PHP

多谢 香蕉你个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));
}

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持三水点靠木。

PHP 相关文章推荐
vBulletin Forum 2.3.xx SQL Injection
Oct 09 PHP
PHP 5.0 Pear安装方法
Dec 06 PHP
php后台多用户权限组思路与实现程序代码分享
Feb 13 PHP
解析PHP高效率写法(详解原因)
Jun 20 PHP
php递归函数中使用return的注意事项
Jan 17 PHP
WordPress中is_singular()函数简介
Feb 05 PHP
php自定义分页类完整实例
Dec 25 PHP
php无法连接mysql数据库的正确解决方法
Jul 01 PHP
PHP二分查找算法示例【递归与非递归方法】
Sep 29 PHP
关于PHP中协程和阻塞的一些理解与思考
Aug 11 PHP
PHP观察者模式原理与简单实现方法示例
Aug 25 PHP
laravel框架模板之公共模板、继承、包含实现方法分析
Aug 30 PHP
ThinkPhP+Apache+PHPstorm整合框架流程图解
Nov 23 #PHP
phpstorm最新激活码分享亲测phpstorm2020.2.3版可用
Nov 22 #PHP
php操作redis命令及代码实例大全
Nov 19 #PHP
PHP实现倒计时功能
Nov 16 #PHP
PHP如何通过date() 函数格式化显示时间
Nov 13 #PHP
PhpSpreadsheet设置单元格常用操作汇总
Nov 13 #PHP
PHP ob缓存以及ob函数原理实例解析
Nov 13 #PHP
You might like
smarty中先strip_tags过滤html标签后truncate截取文章运用
2010/10/25 PHP
PHP的关于变量和日期处理的一些面试题目整理
2015/08/10 PHP
以实例全面讲解PHP中多进程编程的相关函数的使用
2015/08/18 PHP
Javascript学习笔记5 类和对象
2010/01/11 Javascript
Javascript this 的一些学习总结
2012/08/31 Javascript
用js实现控件的隐藏及style.visibility的使用
2013/06/14 Javascript
js判断上传文件的类型和大小示例代码
2013/10/18 Javascript
实现前后端数据交互方法汇总
2015/04/07 Javascript
chrome不支持form.submit的解决方案
2015/04/28 Javascript
使用jQuery判断Div是否在可视区域的方法 判断div是否可见
2016/02/17 Javascript
微信小程序 视图层(xx.xml)和逻辑层(xx.js)详细介绍
2016/10/13 Javascript
jquery网页日历显示控件calendar3.1使用详解
2016/11/24 Javascript
JavaScript如何实现图片懒加载(lazyload) 提高用户体验(增强版)
2016/11/30 Javascript
easyui combotree加载静态数据问题(选不上)解决方法
2016/12/26 Javascript
AngularJS使用拦截器实现的loading功能完整实例
2017/05/17 Javascript
一个Js文件函数中调用另一个Js文件函数的方法演示
2017/08/14 Javascript
js禁止表单重复提交
2017/08/29 Javascript
vue微信分享插件使用方法详解
2020/02/18 Javascript
[01:03:31]DOTA2上海特级锦标赛B组资格赛#1 Alliance VS Fnatic第二局
2016/02/26 DOTA
Python使用matplotlib和pandas实现的画图操作【经典示例】
2018/06/13 Python
Python中类的创建和实例化操作示例
2019/02/27 Python
django的聚合函数和aggregate、annotate方法使用详解
2019/07/23 Python
Python中如何添加自定义模块
2020/06/09 Python
Python 实现PS滤镜中的径向模糊特效
2020/12/03 Python
完美解决Pycharm中matplotlib画图中文乱码问题
2021/01/11 Python
CSS3标注引用的出处和来源的方法
2020/02/25 HTML / CSS
Staples美国官方网站:办公用品一站式采购
2016/07/28 全球购物
马来西亚银饰品牌:JEOEL
2017/12/15 全球购物
L’AGENCE官网:加州女装品牌
2018/06/03 全球购物
Holland & Barrett爱尔兰:英国领先的健康零售商
2019/03/31 全球购物
Viking Direct爱尔兰:办公用品和家具
2019/11/21 全球购物
高中三年学习生活的自我评价
2013/10/10 职场文书
《找不到快乐的波斯猫》教学反思
2014/02/24 职场文书
建筑工程技术专业求职信
2014/07/16 职场文书
民主评议党员总结
2014/10/20 职场文书
导游词之云南丽江-泸沽湖
2019/09/26 职场文书