前言

探索滑動拼圖的世界！讓我們一起揭開滑動拼圖驗證碼背后的謎團(tuán)，分享如何應(yīng)對這個有趣而挑戰(zhàn)性的驗證方式?；瑒悠磮D驗證碼已經(jīng)成為了我們與數(shù)字世界互動的一部分，幫助保護(hù)著網(wǎng)站和應(yīng)用的安全。讓我們一起討論如何輕松地解決滑動拼圖驗證碼的挑戰(zhàn)吧！

你最近是否遇到過令人頭疼的驗證碼？為何不讓滑動拼圖成為你的新選擇呢？通過完成一個有趣的滑動拼圖來驗證你的身份，既能鍛煉大腦，又能保護(hù)你的隱私。

HTML 代碼

<script src="captcha.js"></script>
<script>
kg.captcha({
    // 綁定元素，驗證框顯示區(qū)域
    bind: "#captchaBox",
    // 驗證成功事務(wù)處理
    success: function(e) {
        console.log(e);
    },
    // 驗證失敗事務(wù)處理
    failure: function(e) {
        console.log(e);
    },
    // 點擊刷新按鈕時觸發(fā)
    refresh: function(e) {
        console.log(e);
    }
});
</script>

<div id="captchaBox">載入中 ...</div>

Python 代碼

from wsgiref.simple_server import make_server
from KgCaptchaSDK import KgCaptcha
def start(environ, response):
    # 填寫你的 AppId，在應(yīng)用管理中獲取
    AppID = "AppID"
    # 填寫你的 AppSecret，在應(yīng)用管理中獲取
    AppSecret = "AppSecret"
    request = KgCaptcha(AppID, AppSecret)
    # 填寫應(yīng)用服務(wù)域名，在應(yīng)用管理中獲取
    request.appCdn = "https://cdn.kgcaptcha.com"
    # 請求超時時間，秒
    request.connectTimeout = 10
    # 用戶id/登錄名/手機(jī)號等信息，當(dāng)安全策略中的防控等級為3時必須填寫
    request.userId = "kgCaptchaDemo"
    # 使用其它 WEB 框架時請刪除 request.parse，使用框架提供的方法獲取以下相關(guān)參數(shù)
    parseEnviron = request.parse(environ)
    # 前端驗證成功后頒發(fā)的 token，有效期為兩分鐘
    request.token = parseEnviron["post"].get("kgCaptchaToken", "")  # 前端 _POST["kgCaptchaToken"]
    # 客戶端IP地址
    request.clientIp = parseEnviron["ip"]
    # 客戶端瀏覽器信息
    request.clientBrowser = parseEnviron["browser"]
    # 來路域名
    request.domain = parseEnviron["domain"]
    # 發(fā)送請求
    requestResult = request.sendRequest()
    if requestResult.code == 0:
        # 驗證通過邏輯處理
        html = "驗證通過"
    else:
        # 驗證失敗邏輯處理
        html = f"{requestResult.msg} - {requestResult.code}"
    response("200 OK", [("Content-type", "text/html; charset=utf-8")])
    return [bytes(str(html), encoding="utf-8")]
httpd = make_server("0.0.0.0", 8088, start)  # 設(shè)置調(diào)試端口  http://localhost:8088/
httpd.serve_forever()

最后

SDK開源地址：https://github.com/KgCaptcha，順便做了一個演示：https://www.kgcaptcha.com/demo/