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 相关文章推荐
用PHP读注册表
Oct 09 PHP
SSI指令
Nov 25 PHP
判断是否为指定长度内字符串的php函数
Feb 16 PHP
php延迟静态绑定实例分析
Feb 08 PHP
[原创]PHP简单开启curl的方法(测试可行)
Jan 11 PHP
深入解析PHP的Yii框架中的event事件机制
Mar 17 PHP
Composer设置忽略版本匹配的方法
Apr 27 PHP
PHP多进程编程总结(推荐)
Jul 18 PHP
PHP单态模式简单用法示例
Nov 16 PHP
PHP多进程通信-消息队列使用
Mar 08 PHP
解决Laravel5.5下的toArray问题
Oct 15 PHP
laravel 如何实现引入自己的函数或类库
Oct 15 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
PHP+MySQL删除操作实例
2015/01/21 PHP
php时间函数用法分析
2016/05/28 PHP
php curl获取到json对象并转成数组array的方法
2018/05/31 PHP
一个可以兼容IE FF的加为首页与加入收藏实现代码
2009/11/02 Javascript
有关js的变量作用域和this指针的讨论
2010/12/16 Javascript
JavaScript 图像动画的小demo
2012/05/23 Javascript
js的alert弹出框出现乱码解决方案
2013/09/02 Javascript
javascript中对Attr(dom中属性)的操作示例讲解
2013/12/02 Javascript
js验证整数加保留小数点的简单实例
2013/12/02 Javascript
鼠标经过子元素触发mouseout,mouseover事件的解决方案
2015/07/26 Javascript
Javascript实现苹果悬浮虚拟按钮
2016/04/10 Javascript
浅谈js中startsWith 函数不能在任何浏览器兼容的问题
2017/03/01 Javascript
JavaScript中使用webuploader实现上传视频功能(demo)
2017/04/10 Javascript
vue 2.0封装model组件的方法
2017/08/03 Javascript
使用Vue组件实现一个简单弹窗效果
2018/04/23 Javascript
基于vue与element实现创建试卷相关功能(实例代码)
2020/12/07 Vue.js
Windows下python2.7.8安装图文教程
2016/05/26 Python
Python基于pyCUDA实现GPU加速并行计算功能入门教程
2018/06/19 Python
Python实现在某个数组中查找一个值的算法示例
2018/06/27 Python
django+mysql的使用示例
2018/11/23 Python
详解使用python绘制混淆矩阵(confusion_matrix)
2019/07/14 Python
pyqt5 QScrollArea设置在自定义侧(任何位置)
2019/09/25 Python
python3 实现函数写文件路径的正确方法
2019/11/27 Python
python模拟哔哩哔哩滑块登入验证的实现
2020/04/24 Python
Django 解决开发自定义抛出异常的问题
2020/05/21 Python
使用Keras预训练模型ResNet50进行图像分类方式
2020/05/23 Python
全面介绍python中很常用的单元测试框架unitest
2020/12/14 Python
html5定制表单_动力节点Java学院整理
2017/07/11 HTML / CSS
Kusmi茶美国官网:优质散叶茶和茶包
2019/10/13 全球购物
德国婴儿服装和婴儿用品购买网站:Baby Sweets
2019/12/08 全球购物
全球领先的在线cosplay服装商店:RoleCosplay
2020/01/18 全球购物
this关键字的含义
2015/04/08 面试题
2014年乡镇植树节活动方案
2014/02/28 职场文书
试用期旷工辞退通知书
2015/04/17 职场文书
2015年乡镇卫生院妇幼保健工作总结
2015/05/19 职场文书
2015年语文教研组工作总结
2015/05/23 职场文书