PHP如何實(shí)現(xiàn)極驗(yàn)驗(yàn)證碼

這篇文章給大家分享的是有關(guān)PHP如何實(shí)現(xiàn)極驗(yàn)驗(yàn)證碼的內(nèi)容。小編覺(jué)得挺實(shí)用的，因此分享給大家做個(gè)參考，一起跟隨小編過(guò)來(lái)看看吧。

先粘貼幾個(gè)你可能會(huì)用得到的網(wǎng)址：

官網(wǎng)：http://www.geetest.com/

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

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

如何使用：

首先要確認(rèn)前端使用頁(yè)面，比如登陸頁(yè)面

<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.在登陸頁(yè)面訪問(wèn)引入類庫(kù)：

如果您的網(wǎng)站使用https，則只需要將引入極驗(yàn)庫(kù)的地方換成https協(xié)議即可，不需要更改其它地方。例如更換成以下代碼即可：

<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.初始化前端

下面的代碼需要在頁(yè)面加載后就執(zhí)行，如果你使用jQuery，可以寫(xiě)在$(function(){});內(nèi)

$.ajax({
  // 獲取id，challenge，success（是否啟用failback）
  url: "../web/StartCaptchaServlet.php?t=" + (new Date()).getTime(), // 加隨機(jī)數(shù)防止緩存
  type: "get",
  dataType: "json",
  success: function (data) {
    // 使用initGeetest接口
    // 參數(shù)1：配置參數(shù)
    // 參數(shù)2：回調(diào)，回調(diào)的第一個(gè)參數(shù)驗(yàn)證碼對(duì)象，之后可以使用它做appendTo之類的事件
    initGeetest({
      gt: data.gt,
      challenge: data.challenge,
      product: "popup", // 產(chǎn)品形式，包括：float，embed，popup。注意只對(duì)PC版驗(yàn)證碼有效
      offline: !data.success // 表示用戶后臺(tái)檢測(cè)極驗(yàn)服務(wù)器是否宕機(jī)，與SDK配合，用戶一般不需要關(guān)注
    }, handlerPopup);
  }
});

上面代碼的意思是說(shuō)，頁(yè)面加載后，需要到你指定的URL地址上獲得驗(yàn)證碼信息,至于上面的URL地址“../web/StartCaptchaServlet.php”里面寫(xiě)了什么內(nèi)容，這個(gè)我們?cè)诜?wù)器端代碼部署會(huì)詳細(xì)說(shuō)明。

但是需要說(shuō)明的是，上面的代碼里有一個(gè)回調(diào)函數(shù)叫“handlerPopup”，這個(gè)函數(shù)是你需要驗(yàn)證碼的真正初始化代碼：如下：

// 代碼詳細(xì)說(shuō)明
var handlerPopup = function (captchaObj) {
  // 注冊(cè)提交按鈕事件，比如在登陸頁(yè)面的登陸按鈕
  $("#popup-submit").click(function () {
    // 此處省略在登陸界面中，獲取登陸數(shù)據(jù)的一些步驟
    
    // 先校驗(yàn)是否點(diǎn)擊了驗(yàn)證碼
    var validate = captchaObj.getValidate();
    if (!validate) {
      alert('請(qǐng)先完成驗(yàn)證！');
      return;
    }
    // 提交驗(yàn)證碼信息，比如登陸頁(yè)面，你需要提交登陸信息，用戶名和密碼等登陸數(shù)據(jù)
    $.ajax({
      url: "../web/VerifyLoginServlet.php",
      type: "post",
      // dataType: "json",
      data: {
        // 用戶名和密碼等其他數(shù)據(jù)，自己獲取，不做演示
        username:username,
        password:password,
        // 驗(yàn)證碼數(shù)據(jù)，這些數(shù)據(jù)不用自己獲取
        // 這是二次驗(yàn)證所需的三個(gè)值
        // 當(dāng)然，你也可以直接設(shè)置驗(yàn)證碼單獨(dú)校驗(yàn)，省略其他信息
        geetest_challenge: validate.geetest_challenge,
        geetest_validate: validate.geetest_validate,
        geetest_seccode: validate.geetest_seccode
      },
      // 這里是正確返回處理結(jié)果的處理函數(shù)
      // 假設(shè)你就返回了1，2，3
      // 當(dāng)然，正常情況是返回JSON數(shù)據(jù)
      success: function (result) {
        // 1表示驗(yàn)證碼驗(yàn)證失敗
        if (result == "1") {
          alert("驗(yàn)證碼驗(yàn)證失??！");
        }else if (result == "2") {
          alert("用戶名或密碼錯(cuò)誤！");
        }else if (result == "3") {
          alert("登陸成功！");
          // 登陸成功了，可以在這里做其他處理
        }else{
          alert("登陸錯(cuò)誤！");
        }
      }
    });
  });
  // 彈出式需要綁定觸發(fā)驗(yàn)證碼彈出按鈕
  // 比如在登陸頁(yè)面，這個(gè)觸發(fā)按鈕就是登陸按鈕
  captchaObj.bindOn("#popup-submit");
   
  // 將驗(yàn)證碼加到id為captcha的元素里
  // 驗(yàn)證碼將會(huì)在下面指定的元素中顯示出來(lái)
  captchaObj.appendTo("#popup-captcha");
   
  // 更多接口參考：http://www.geetest.com/install/sections/idx-client-sdk.html
};
　　

至此，前端的所有設(shè)置都寫(xiě)完了，官方的說(shuō)明文檔：http://www.geetest.com/install/sections/idx-client-sdk.html

 3.服務(wù)器端部署（PHP） 

在第一步中，我們?cè)O(shè)置了一個(gè)這樣的地址“../web/StartCaptchaServlet.php”，在這個(gè)地址里邊寫(xiě)什么呢：

<?php
// 引入文件
require_once dirname(dirname(__FILE__)) . '/lib/class.geetestlib.php';
require_once dirname(dirname(__FILE__)) . '/config/config.php';
// 實(shí)例化，實(shí)例化的參數(shù)在config中配置，分別是：驗(yàn)證ID 和 驗(yàn)證Key，如何獲取下面會(huì)說(shuō)。
$GtSdk = new GeetestLib(CAPTCHA_ID, PRIVATE_KEY);
session_start();
// 這個(gè)是用戶的標(biāo)識(shí)，或者說(shuō)是給極驗(yàn)服務(wù)器區(qū)分的標(biāo)識(shí)，如果你項(xiàng)目沒(méi)有預(yù)先設(shè)置，可以像下面這樣設(shè)置：
if(!isset($_SESSION['user_id'])){
  $_SESSION['user_id']=uniqid();// 生成一個(gè)唯一ID
}
$user_id = $_SESSION['user_id'];
// 或者，你就直接寫(xiě)成：
// $user_id = "test";
 
// 生成驗(yàn)證碼信息，并返回給客戶端
$status = $GtSdk->pre_process($user_id);
$_SESSION['gtserver'] = $status;
$_SESSION['user_id'] = $user_id;
echo $GtSdk->get_response_str();
?>
　　

如何獲取 驗(yàn)證ID 和 驗(yàn)證Key ：

1.從 驗(yàn)證后臺(tái) 注冊(cè)賬號(hào)
2.添加驗(yàn)證，可以獲取一組當(dāng)前驗(yàn)證的ID/Key
3.將ID和Key分別替換到config.php文件中的captcha_id/private_key變量的值　

4.點(diǎn)擊提交按鈕之后的服務(wù)端校驗(yàn)（二次驗(yàn)證）

比如上面說(shuō)的，用戶登錄時(shí)，你把用戶名和密碼和驗(yàn)證碼信息都提交到服務(wù)器了，這個(gè)時(shí)候，你就可以做校驗(yàn)了：

<?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);
 
// 比如你設(shè)置了一個(gè)驗(yàn)證碼是否驗(yàn)證通過(guò)的標(biāo)識(shí)
$code_flag=false;
 
// 這里獲取你之前設(shè)置的user_id，傳送給極驗(yàn)服務(wù)器做校驗(yàn)
$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) {
    // 驗(yàn)證碼驗(yàn)證成功
    $code_flag=true;
  }
}else{
  if ($GtSdk->fail_validate($_POST['geetest_challenge'],$_POST['geetest_validate'],$_POST['geetest_seccode'])) {
     // 驗(yàn)證碼驗(yàn)證成功
    $code_flag=true;
  }
}
 
// 如果驗(yàn)證碼驗(yàn)證成功，再進(jìn)行其他校驗(yàn)
if($code_flag){
  // 其他驗(yàn)證操作
  // 用戶名不對(duì)時(shí)，返回2，其他錯(cuò)誤返回3，等等。。。。
}else{
  // 驗(yàn)證碼驗(yàn)證失敗，返回1，這里和上面相呼應(yīng)，當(dāng)然我的項(xiàng)目沒(méi)有簡(jiǎn)單的返回1，而是返回了JSON數(shù)據(jù)
  echo 1;
  exit(-1);
}
?>
　　

感謝各位的閱讀！關(guān)于“PHP如何實(shí)現(xiàn)極驗(yàn)驗(yàn)證碼”這篇文章就分享到這里了，希望以上內(nèi)容可以對(duì)大家有一定的幫助，讓大家可以學(xué)到更多知識(shí)，如果覺(jué)得文章不錯(cuò)，可以把它分享出去讓更多的人看到吧！