一款漂亮的 C# .Net 图形验证码

举报
yd_216989656 发表于 2023/05/06 09:09:08 2023/05/06
【摘要】 网上大部分验证码都是PHP的,基于C# .Net开发的很少,推荐一款很漂亮且适用的C#图形验证码,可以自定义背景图库,功能还是挺强大的。

前言

网上大部分验证码都是PHP的,基于C# .Net开发的很少,推荐一款很漂亮且适用的C#图形验证码,可以自定义背景图库,功能还是挺强大的。


1、效果截图

1.png

2、前端接入脚本

<script src="captcha.js?appid=xxx"></script>
<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 = "xxx";
            // 填写你的 AppSecret,在应用管理中获取
            appSecret = "xxx";
            var request = new kgCaptcha(appId, appSecret);
            // 前端验证成功后颁发的 token,有效期两分钟
            request.token = Request.Form["kgCaptchaToken"];
            // 填写应用服务域名,在应用管理中获取
            request.appCdn = "https://cdn.kgcaptcha.com";
            // 当安全策略中的防控等级为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开源地址:https://github.com/KgCaptcha,顺便做了一个演示:https://www.kgcaptcha.com/demo/

【版权声明】本文为华为云社区用户原创内容,转载时必须标注文章的来源(华为云社区)、文章链接、文章作者等基本信息, 否则作者和本社区有权追究责任。如果您发现本社区中有涉嫌抄袭的内容,欢迎发送邮件进行举报,并提供相关证据,一经查实,本社区将立刻删除涉嫌侵权内容,举报邮箱: cloudbbs@huaweicloud.com
  • 点赞
  • 收藏
  • 关注作者

评论(0

0/1000
抱歉,系统识别当前为高风险访问,暂不支持该操作

全部回复

上滑加载中

设置昵称

在此一键设置昵称,即可参与社区互动!

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。