PHP 极验验证码实例讲解


Posted in PHP onSeptember 29, 2016

你能找到这篇文章,说明你对极验验证已经不是完全陌生的了,所有废话我就不多说了,直接开始表说如何使用它,不过在此之前呢,先粘贴几个你可能会用得到的网址:

官网:http://www.geetest.com/

官方文档:http://www.geetest.com/install/sections/idx-basic-introduction.html

github:https://github.com/GeeTeam/gt-php-sdk.git

如何使用:

首先要确认前端使用页面,比如登陆页面

<script src="http://code.jquery.com/jquery-1.12.3.min.js"></script>
<script src="http://static.geetest.com/static/tools/gt.js"></script> 
 

1.在登陆页面访问引入类库:

如果您的网站使用https,则只需要将引入极验库的地方换成https协议即可,不需要更改其它地方。例如更换成以下代码即可:

<script src="https://code.jquery.com/jquery-1.12.3.min.js"></script>
<script src="https://static.geetest.com/static/tools/gt.js"></script>

2.初始化前端

下面的代码需要在页面加载后就执行,如果你使用jQuery,可以写在$(function(){});内

$.ajax({
  // 获取id,challenge,success(是否启用failback)
  url: "../web/StartCaptchaServlet.php?t=" + (new Date()).getTime(), // 加随机数防止缓存
  type: "get",
  dataType: "json",
  success: function (data) {
    // 使用initGeetest接口
    // 参数1:配置参数
    // 参数2:回调,回调的第一个参数验证码对象,之后可以使用它做appendTo之类的事件
    initGeetest({
      gt: data.gt,
      challenge: data.challenge,
      product: "popup", // 产品形式,包括:float,embed,popup。注意只对PC版验证码有效
      offline: !data.success // 表示用户后台检测极验服务器是否宕机,与SDK配合,用户一般不需要关注
    }, handlerPopup);
  }
});

上面代码的意思是说,页面加载后,需要到你指定的URL地址上获得验证码信息,至于上面的URL地址“../web/StartCaptchaServlet.php”里面写了什么内容,这个我们在服务器端代码部署会详细说明。

但是需要说明的是,上面的代码里有一个回调函数叫“handlerPopup”,这个函数是你需要验证码的真正初始化代码:如下:

// 代码详细说明
var handlerPopup = function (captchaObj) {
  // 注册提交按钮事件,比如在登陆页面的登陆按钮
  $("#popup-submit").click(function () {
    // 此处省略在登陆界面中,获取登陆数据的一些步骤
    
    // 先校验是否点击了验证码
    var validate = captchaObj.getValidate();
    if (!validate) {
      alert('请先完成验证!');
      return;
    }
    // 提交验证码信息,比如登陆页面,你需要提交登陆信息,用户名和密码等登陆数据
    $.ajax({
      url: "../web/VerifyLoginServlet.php",
      type: "post",
      // dataType: "json",
      data: {
        // 用户名和密码等其他数据,自己获取,不做演示
        username:username,
        password:password,
        // 验证码数据,这些数据不用自己获取
        // 这是二次验证所需的三个值
        // 当然,你也可以直接设置验证码单独校验,省略其他信息
        geetest_challenge: validate.geetest_challenge,
        geetest_validate: validate.geetest_validate,
        geetest_seccode: validate.geetest_seccode
      },
      // 这里是正确返回处理结果的处理函数
      // 假设你就返回了1,2,3
      // 当然,正常情况是返回JSON数据
      success: function (result) {
        // 1表示验证码验证失败
        if (result == "1") {
          alert("验证码验证失败!");
        }else if (result == "2") {
          alert("用户名或密码错误!");
        }else if (result == "3") {
          alert("登陆成功!");
          // 登陆成功了,可以在这里做其他处理
        }else{
          alert("登陆错误!");
        }
      }
    });
  });
  // 弹出式需要绑定触发验证码弹出按钮
  // 比如在登陆页面,这个触发按钮就是登陆按钮
  captchaObj.bindOn("#popup-submit");
   
  // 将验证码加到id为captcha的元素里
  // 验证码将会在下面指定的元素中显示出来
  captchaObj.appendTo("#popup-captcha");
   
  // 更多接口参考:http://www.geetest.com/install/sections/idx-client-sdk.html
};

至此,前端的所有设置都写完了,官方的说明文档:http://www.geetest.com/install/sections/idx-client-sdk.html

 3.服务器端部署(PHP) 

在第一步中,我们设置了一个这样的地址“../web/StartCaptchaServlet.php”,在这个地址里边写什么呢:

<?php
// 引入文件
require_once dirname(dirname(__FILE__)) . '/lib/class.geetestlib.php';
require_once dirname(dirname(__FILE__)) . '/config/config.php';
// 实例化,实例化的参数在config中配置,分别是:验证ID 和 验证Key,如何获取下面会说。
$GtSdk = new GeetestLib(CAPTCHA_ID, PRIVATE_KEY);
session_start();
// 这个是用户的标识,或者说是给极验服务器区分的标识,如果你项目没有预先设置,可以像下面这样设置:
if(!isset($_SESSION['user_id'])){
  $_SESSION['user_id']=uniqid();// 生成一个唯一ID
}
$user_id = $_SESSION['user_id'];
// 或者,你就直接写成:
// $user_id = "test";
 
// 生成验证码信息,并返回给客户端
$status = $GtSdk->pre_process($user_id);
$_SESSION['gtserver'] = $status;
$_SESSION['user_id'] = $user_id;
echo $GtSdk->get_response_str();
?>

如何获取 验证ID 和 验证Key :

1.从 验证后台 注册账号
2.添加验证,可以获取一组当前验证的ID/Key
3.将ID和Key分别替换到config.php文件中的captcha_id/private_key变量的值 

4.点击提交按钮之后的服务端校验(二次验证)

比如上面说的,用户登录时,你把用户名和密码和验证码信息都提交到服务器了,这个时候,你就可以做校验了:

<?php
// 引入文件
require_once dirname(dirname(__FILE__)) . '/lib/class.geetestlib.php';
require_once dirname(dirname(__FILE__)) . '/config/config.php';
session_start();
$GtSdk = new GeetestLib(CAPTCHA_ID, PRIVATE_KEY);
 
// 比如你设置了一个验证码是否验证通过的标识
$code_flag=false;
 
// 这里获取你之前设置的user_id,传送给极验服务器做校验
$user_id = $_SESSION['user_id'];
if ($_SESSION['gtserver'] == 1) {
  $result = $GtSdk->success_validate($_POST['geetest_challenge'], $_POST['geetest_validate'], $_POST['geetest_seccode'], $user_id);
  if ($result) {
    // 验证码验证成功
    $code_flag=true;
  }
}else{
  if ($GtSdk->fail_validate($_POST['geetest_challenge'],$_POST['geetest_validate'],$_POST['geetest_seccode'])) {
     // 验证码验证成功
    $code_flag=true;
  }
}
 
// 如果验证码验证成功,再进行其他校验
if($code_flag){
  // 其他验证操作
  // 用户名不对时,返回2,其他错误返回3,等等。。。。
}else{
  // 验证码验证失败,返回1,这里和上面相呼应,当然我的项目没有简单的返回1,而是返回了JSON数据
  echo 1;
  exit(-1);
}
?>

感谢你的阅读,希望能帮助到大家,谢谢大家对本站的支持!

PHP 相关文章推荐
PHP面向对象分析设计的经验原则
Sep 20 PHP
PHP中实现汉字转区位码应用源码实例解析
Jun 14 PHP
php生成随机密码的几种方法
Jan 17 PHP
CodeIgniter框架提示Disallowed Key Characters的解决办法
Apr 21 PHP
php中字符集转换iconv函数使用总结
Oct 11 PHP
Yii实现MySQL多数据库和读写分离实例分析
Dec 03 PHP
VPS中使用LNMP安装WordPress教程
Dec 28 PHP
php使用cookie显示用户上次访问网站日期的方法
Jan 26 PHP
PHP防止刷新重复提交页面的示例代码
Nov 11 PHP
修改Laravel5.3中的路由文件与路径
Aug 10 PHP
cakephp常见知识点汇总
Feb 24 PHP
使用PHP+MySql实现微信投票功能实例代码
Sep 29 PHP
php自定义函数转换html标签示例
Sep 29 #PHP
php自定义函数实现汉字转换utf8编码的方法
Sep 29 #PHP
php自定义函数实现二维数组按指定key排序的方法
Sep 29 #PHP
分享一个漂亮的php验证码类
Sep 29 #PHP
你不知道的文件上传漏洞php代码分析
Sep 29 #PHP
PHP的Json中文处理解决方案
Sep 29 #PHP
PHP二分查找算法示例【递归与非递归方法】
Sep 29 #PHP
You might like
PHP.MVC的模板标签系统(一)
2006/09/05 PHP
PHP获取类中常量,属性,及方法列表的方法
2009/04/09 PHP
用PHP将网址字符串转换成超链接(网址或email)
2010/05/25 PHP
PHP网页游戏学习之Xnova(ogame)源码解读(十四)
2014/06/26 PHP
Yii的CDbCriteria查询条件用法实例
2014/12/04 PHP
ThinkPHP框架安全实现分析
2016/03/14 PHP
php 静态属性和静态方法区别详解
2017/04/09 PHP
thinkphp分页集成实例
2017/07/24 PHP
ThinkPHP 3.2.3实现加减乘除图片验证码
2018/12/05 PHP
Avengerls vs KG BO3 第二场2.18
2021/03/10 DOTA
Javascript 构造函数 实例分析
2008/11/26 Javascript
JavaScript 原型与继承说明
2010/06/09 Javascript
javascript利用控件对windows的操作实现原理与应用
2012/12/23 Javascript
jQuery验证插件 Validate详解
2014/11/20 Javascript
JS函数this的用法实例分析
2015/02/05 Javascript
javascript 常见功能汇总
2015/06/11 Javascript
Javascript 实现匿名递归的实例代码
2017/05/25 Javascript
前端主流框架vue学习笔记第二篇
2017/07/26 Javascript
Node.js pipe实现源码解析
2017/08/12 Javascript
vue利用全局导航守卫作登录后跳转到未登录前指定页面的实例代码
2020/05/19 Javascript
Python(Tornado)模拟登录小米抢手机
2013/11/12 Python
python将MongoDB里的ObjectId转换为时间戳的方法
2015/03/13 Python
python解析xml文件实例分析
2015/05/27 Python
实例探究Python以并发方式编写高性能端口扫描器的方法
2016/06/14 Python
使用python实现快速搭建简易的FTP服务器
2018/09/12 Python
Python第三方库h5py_读取mat文件并显示值的方法
2019/02/08 Python
python使用selenium实现批量文件下载
2019/03/11 Python
简单了解python中的与或非运算
2019/09/18 Python
python3.7将代码打包成exe程序并添加图标的方法
2019/10/11 Python
python如何遍历指定路径下所有文件(按按照时间区间检索)
2020/09/14 Python
Linux不知道文件后缀名怎么判断文件类型
2012/04/26 面试题
最新茶叶店创业计划书
2014/01/14 职场文书
大二学习计划书范文
2014/04/27 职场文书
电子专业求职信
2014/06/19 职场文书
Golang之sync.Pool使用详解
2021/05/06 Golang
Golang Elasticsearches 批量修改查询及发送MQ
2022/04/19 Golang