圖形驗證碼

Kyger_發表於2023-03-10

一、圖形驗證碼是什麼?

圖形驗證碼是一些沒有規則的圖文的組合,參考下圖

undefined

二、圖形驗證碼有什麼用?

防止惡意攻擊者採用惡意工具批次註冊賬號或大量頻繁呼叫某些請求,給伺服器造成壓力,佔用大量的系統資源。

三、圖形驗證碼怎麼實現?

後臺程式碼

<?php
include "public/KgCaptchaSDK.php";
// 填寫你的 AppId,在應用管理中獲取
$appId = "94dATYQa";
// 填寫你的 AppSecret,在應用管理中獲取
$appSecret = "6u2BhEgORjQPkO1c69mpg2z5lLTLHf6a";
$request = new kgCaptcha($appId, $appSecret);
// 填寫應用服務域名,在應用管理中獲取
$request->appCdn = "
// 前端驗證成功後頒發的 token,有效期為兩分鐘
$request->token = $_POST["kgCaptchaToken"];
// 當安全策略中的防控等級為3時必須填寫
$request->userId = "kgCaptchaDemo";
// 請求超時時間,秒
$request->connectTimeout = 10;
$requestResult = $request->sendRequest();
if ($requestResult->code === 0) {
    // 驗籤成功邏輯處理
    echo "驗證透過";
} else {
    // 驗籤失敗邏輯處理
    echo "驗證失敗,錯誤程式碼:{$requestResult->code}, 錯誤資訊:{$requestResult->msg}";
}

前端程式碼

<script src="
<script>
kg.captcha({
    // 繫結元素,驗證框顯示區域
    bind: "#captchaBox",
  
    // 驗證成功事務處理
    success: function(e) {
        console.log(e);
    },
  
    // 驗證失敗事務處理
    failure: function(e) {
        console.log(e);
    },
  
    // 點選重新整理按鈕時觸發
    refresh: function(e) {
        console.log(e);
    }
});
</script>
<div id="captchaBox">載入中 ...</div>

四、相關連結

SDK開源地址: github.com/KgCaptcha,順便做了一個演示: w w w.kgcaptcha.com/demo/


來自 “ ITPUB部落格 ” ,連結:http://blog.itpub.net/70027543/viewspace-2939086/,如需轉載,請註明出處,否則將追究法律責任。

相關文章