## 開頭

驗證碼應用於我們生活、工作的方方面面，比如註冊登入賬號、支付訂單、修改密碼等。下面我是在一次專案中利用滑動拼圖驗證碼和搜尋功能“合作共贏”的記錄。

## 驗證碼展示

![](http://img.blog.itpub.net/blog/2023/03/31/ab49936793d87a4f.png?x-oss-process=style/bb)

## 具體實現

**前端程式碼**

```html
// 引入js
<div></div>
<a id="captchaButton" rel="nofollow"></a>
```

**驗證結果說明**

![](http://img.blog.itpub.net/blog/2023/03/31/56a01499c53b00a8.png?x-oss-process=style/bb)

| 欄位名 | 資料型別 | 描述 |
|:----|:----|:----|
| code | number | 返回code資訊 |
| msg | string | 驗證結果資訊 |
| rid | number | 使用者的驗證碼應用id |
| sense | number | 是否開啟無感驗證，0-關閉，1-開啟 |
| token | string | 驗證成功才有：token |
| weight | number | 錯誤嚴重性，0正常錯誤，可以繼續操作，1一般錯誤，重新整理/重新載入拼圖，2嚴重錯誤，錯誤次數過多拒絕訪問 |

**Python程式碼**

```python
from wsgiref.simple_server import make_server
from KgCaptchaSDK import KgCaptcha
def start(environ, response):
    # 填寫你的 AppId，在應用管理中獲取
    AppID = "AppId"
    # 填寫你的 AppSecret，在應用管理中獲取
    AppSecret = "AppSecret"
    request = KgCaptcha(AppID, AppSecret)
    # 填寫應用服務域名，在應用管理中獲取
    request.appCdn = "https://cdn.kgcaptcha.com"
    # 請求超時時間，秒
    request.connectTimeout = 10
    # 使用者id/登入名/手機號等資訊，當安全策略中的防控等級為3時必須填寫
    request.userId = "kgCaptchaDemo"
    # 使用其它 WEB 框架時請刪除 request.parse，使用框架提供的方法獲取以下相關引數
    parseEnviron = request.parse(environ)
    # 前端驗證成功後頒發的 token，有效期為兩分鐘
    request.token = parseEnviron["post"].get("kgCaptchaToken", "")  # 前端 _POST["kgCaptchaToken"]
    # 客戶端IP地址
    request.clientIp = parseEnviron["ip"]
    # 客戶端瀏覽器資訊
    request.clientBrowser = parseEnviron["browser"]
    # 來路域名
    request.domain = parseEnviron["domain"]
    # 傳送請求
    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)  # 設定除錯埠  http://localhost:8088/
httpd.serve_forever()
```

## 最後

SDK開源地址：[KgCaptcha (KgCaptcha) · GitHub](https://github.com/KgCaptcha)，順便做了一個演示：[凱格行為驗證碼線上體驗](https://www.kgcaptcha.com/demo/)

【記】滑動拼圖驗證碼在搜尋中的作用

相關文章