分享一款漂亮的 C# .Net 圖形驗證碼

1、效果截圖

2、前端接入指令碼：

<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>

3、C# 驗證專案整合：

using System;
using KgCaptchaSDK;
public partial class _Default : System.Web.UI.Page{
    protected void Page_Load(object sender, EventArgs e) {
        // 後端處理
        string html, appId, appSecret, Token;
        if (Request.Form.ToString().Length > 0){  // 有資料處理
            // 填寫你的 AppId，在應用管理中獲取
            appId = "L001";
            // 填寫你的 AppSecret，在應用管理中獲取
            appSecret = "W68oJi0iqT2C3BFRGirO1IaYCDvsYEED";
            var request = new kgCaptcha(appId, appSecret);
            // 前端驗證成功後頒發的 token，有效期兩分鐘
            request.token = Request.Form["kgCaptchaToken"];
            // 填寫應用服務域名，在應用管理中獲取
            request.appCdn = "
            // 當安全策略中的防控等級為3時必須填寫，一般情況下可以忽略
            // 可以填寫使用者輸入的登入帳號（如：Request.Form["username"]），可攔截同一帳號多次嘗試等行為
            request.userId = "kgCaptchaDemo";
            // 請求超時時間，秒
            request.connectTimeout = 5;
            // 傳送驗證請求
            var requestResult = request.sendRequest();
            if (requestResult.code == 0) {
                // 驗籤成功邏輯處理 ***
                // 這裡做驗證透過後的資料處理
                // 如登入/註冊場景，這裡通常查詢資料庫、校驗密碼、進行登入或註冊等動作處理
                // 如簡訊場景，這裡可以開始向使用者傳送簡訊等動作處理
                // ...
                html = "<script>alert(´驗證透過´);history.back();</script>";
            } else {
                // 驗籤失敗邏輯處理
                html = "<script>alert(\"" + requestResult.msg + " - " + requestResult.code + "\");history.back();</script>";
            }
            // 輸出結果
            Response.Write(html);
        }
        Response.Redirect("index.html");
    }
}

最後

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