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获取远程图片并把它保存到本地的代码
Apr 07 PHP
轻松修复Discuz!数据库
May 03 PHP
用PHP连接MySQL代码的参数说明
Jun 07 PHP
PHP 截取字符串 分别适合GB2312和UTF8编码情况
Feb 12 PHP
php设计模式 Proxy (代理模式)
Jun 26 PHP
str_replace只替换一次字符串的方法
Apr 09 PHP
深入解析PHP的Laravel框架中的event事件操作
Mar 21 PHP
php compact 通过变量创建数组
Nov 15 PHP
在laravel中使用Symfony的Crawler组件分析HTML
Jun 19 PHP
laravel框架中视图的基本使用方法分析
Nov 23 PHP
laravel框架中路由设置,路由参数和路由命名实例分析
Nov 23 PHP
PHP+fiddler抓包采集微信文章阅读数点赞数的思路详解
Dec 20 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
海河写的 Discuz论坛帖子调用js的php代码
2007/08/23 PHP
php class中self,parent,this的区别以及实例介绍
2013/04/24 PHP
解析使用ThinkPHP应该掌握的调试手段
2013/06/20 PHP
php生成rss类用法实例
2015/04/14 PHP
javascript网页关闭时提醒效果脚本
2008/10/22 Javascript
JavaScript 未结束的字符串常量常见解决方法
2010/01/24 Javascript
基于jquery实现后台左侧菜单点击上下滑动显示
2013/04/11 Javascript
常用的JavaScript验证正则表达式汇总
2013/11/26 Javascript
js 赋值包含单引号双引号问题的解决方法
2014/02/26 Javascript
jquery+ajax验证不通过也提交表单问题处理
2014/12/12 Javascript
javascript实现table表格隔行变色的方法
2015/05/13 Javascript
简介AngularJS的视图功能应用
2015/06/17 Javascript
jquery实现手机号码选号的方法
2015/07/31 Javascript
JS实现支持多选的遍历下拉列表代码
2015/08/20 Javascript
js querySelector() 使用方法
2016/12/21 Javascript
为vue-router懒加载时下载js的过程中添加loading提示避免无响应问题
2018/04/03 Javascript
npm 下载指定版本的组件方法
2018/05/17 Javascript
JS实现简单省市二级联动
2019/11/27 Javascript
序列化模块json代码实例详解
2020/03/03 Javascript
[04:23]DOTA2上海特锦赛小组赛第一日 TOP10精彩集锦
2016/02/27 DOTA
Python3 伪装浏览器的方法示例
2017/11/23 Python
对python打乱数据集中X,y标签对的方法详解
2018/12/14 Python
Python零基础入门学习之输入与输出
2019/04/03 Python
利用css3-animation实现逐帧动画效果
2016/03/10 HTML / CSS
澳大利亚在线生活方式商店:Mytopia
2018/07/08 全球购物
Kivari官网:在线购买波西米亚服装
2018/10/29 全球购物
戴尔马来西亚官网:Dell Malaysia
2020/05/02 全球购物
大学生饮食配送创业计划书
2014/01/04 职场文书
《鹬蚌相争》教学反思
2014/04/22 职场文书
雷锋式好少年事迹材料
2014/08/17 职场文书
会议接待欢迎标语
2014/10/08 职场文书
求职自荐信怎么写
2015/03/04 职场文书
餐饮服务食品安全承诺书
2015/04/29 职场文书
工作简报范文
2015/07/21 职场文书
apache基于端口创建虚拟主机的示例
2021/04/22 Servers
7个关于Python的经典基础案例
2021/11/07 Python