前言

在做項(xiàng)目中，其中包含了用戶注冊(cè)登錄功能。有用戶注冊(cè)登錄，就需要有提交表單前的驗(yàn)證碼校驗(yàn)。

剛接下這個(gè)網(wǎng)站制作的工作時(shí)，對(duì)于驗(yàn)證碼的生成與輸入校驗(yàn)，可謂一竅不通，于是開(kāi)始在網(wǎng)上找解決方案，功夫不負(fù)有心人，終于找到一款行為驗(yàn)證碼，并順利的將它集成到登錄功能中。這個(gè)驗(yàn)證碼叫KgCaptcha。大家可以直接搜索得到。非常感謝這款驗(yàn)證碼的開(kāi)發(fā)者及其分享者，幫助我解決了這個(gè)問(wèn)題。

特點(diǎn)

• 精準(zhǔn)識(shí)別：機(jī)器學(xué)習(xí)結(jié)合智能策略模型，精準(zhǔn)判定人機(jī)操作；
• 極致體驗(yàn)：依托凱格先進(jìn)架構(gòu)，服務(wù)毫秒級(jí)響應(yīng)；
• 布局美觀：彈窗、嵌入等多種形態(tài)，適用于各種業(yè)務(wù)場(chǎng)景，覆蓋電腦、手機(jī)；
• 全平臺(tái)快速接入：SDK快速接入，僅需三步輕松搞定；
• 數(shù)據(jù)可視化：豐富的可視化圖表，防御攔截?cái)?shù)據(jù)盡收眼底；

使用截圖

效果截圖

前端代碼

<script src="https://cdn.kgcaptcha.com/captcha.js?appid=xxx"></script>
<script>
kg.captcha({
    // 綁定彈窗按鈕
    button: "#captchaButton",
    // 驗(yàn)證成功事務(wù)處理
    success: function (e) {
        // 驗(yàn)證成功，直接提交表單
        // form1.submit();
        console.log(e);
    },
    // 驗(yàn)證失敗事務(wù)處理
    failure: function (e) {
        console.log(e);
    },
    // 點(diǎn)擊刷新按鈕時(shí)觸發(fā)
    refresh: function (e) {
        console.log(e);
    }
});
</script>
<a id="captchaButton">點(diǎn)擊彈出驗(yàn)證窗口</a>

PHP代碼

<?php
include "public/KgCaptchaSDK.php";

// 填寫(xiě)你的 AppId，在應(yīng)用管理中獲取
$appId = "9xxxYQa";

// 填寫(xiě)你的 AppSecret，在應(yīng)用管理中獲取
$appSecret = "6u2BhEgORjQPkxxxxxmpg2z5lLTLHf6a";

$request = new kgCaptcha($appId, $appSecret);
// 填寫(xiě)應(yīng)用服務(wù)域名，在應(yīng)用管理中獲取
$request->appCdn = "https://cdn.kgcaptcha.com";

// 前端驗(yàn)證成功后頒發(fā)的 token，有效期為兩分鐘
$request->token = $_POST["kgCaptchaToken"];

// 當(dāng)安全策略中的防控等級(jí)為3時(shí)必須填寫(xiě)
$request->userId = "kgCaptchaDemo";

// 請(qǐng)求超時(shí)時(shí)間，秒
$request->connectTimeout = 10;

$requestResult = $request->sendRequest();
if ($requestResult->code === 0) {
    // 驗(yàn)簽成功邏輯處理
    echo "驗(yàn)證通過(guò)";
} else {
    // 驗(yàn)簽失敗邏輯處理
    echo "驗(yàn)證失敗，錯(cuò)誤代碼：{$requestResult->code}， 錯(cuò)誤信息：{$requestResult->msg}";
}

最后

驗(yàn)證碼的制作及使用方式已經(jīng)介紹完了，有興趣的朋友可以試試。

相關(guān)鏈接

官方地址：凱格行為驗(yàn)證碼（KgCaptcha）滑動(dòng)拼圖驗(yàn)證，無(wú)感驗(yàn)證碼，文字點(diǎn)選驗(yàn)證碼

在線體驗(yàn)：凱格行為驗(yàn)證碼在線體驗(yàn)

開(kāi)發(fā)文檔：凱格行為驗(yàn)證碼-開(kāi)發(fā)文檔