C#滑动拼图验证码实现笔记-阿里云开发者社区

C#滑动拼图验证码实现笔记

2023-03-15 162

版权

本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。

简介： C# 是一个现代的、通用的、面向对象的编程语言，它是由微软(Microsoft)开发的，由 Ecma 和 ISO 核准认可的。突发奇想，动手开发一个C#滑动拼图验证码，下面是我开发过程的记录。

前言

C# 是一个现代的、通用的、面向对象的编程语言，它是由微软(Microsoft)开发的，由 Ecma 和 ISO 核准认可的。突发奇想，动手开发一个C#滑动拼图验证码，下面是我开发过程的记录。

准备工作

本文使用IIS搭建环境，同时确保项目运行正常。

目录结构

核心代码

noramal.html

<!doctype html><html><head><metacharset="utf-8"><title>凯格行为验证码 - Net C# demo</title><linkrel="stylesheet"href="./style/demo.css"/><!--将以下域名替换成你的“应用服务器域名”将以下 appid 替换成你的 AppID服务器域名和appid在你的应用管理中获取示例：<script src="captcha.js?appid=xxx"></script>--><scriptsrc="captcha.js?appid=appId"></script><script>kg.captcha({
// 绑定显示区域bind: "#captchaBox",
// 验证成功事务处理success: function (e) {
console.log(e);
// 将验证成功后的 token 通过隐藏域传递到后端kg.$("#kgCaptchaToken").value=e["token"];
    },
// 验证失败事务处理failure: function (e) {
console.log(e);
    },
// 点击刷新按钮时触发refresh: function (e) {
console.log(e);
    }
});
// 检查表单提交functioncheck() {
if (kg.$("#kgCaptchaToken").value=="") {
alert("请完成图形验证后提交")
returnfalse;
    } else {
returntrue;
    }
}
</script></head><body><formaction="demo.aspx?cty=1"method="post"id="form"onsubmit="return check();"><!-- 将验证成功后的 token 通过隐藏域传递到后端 --><inputtype="hidden"name="kgCaptchaToken"id="kgCaptchaToken"value=""/><divclass="inputForm"><inputtype="text"name="username"placeholder=" 例：填写登录帐号"/><br/><inputtype="password"name="password"placeholder=" 例：填写登录密码"/></div><!-- 绑定显示区域 --><divid="captchaBox"></div><inputtype="submit"value="提  交"class="btn"/></form></body></html>

demo.aspx.cs

usingSystem;
usingKgCaptchaSDK;
publicpartialclass_Default : System.Web.UI.Page{
protectedvoidPage_Load(objectsender, EventArgse) {
// 后端处理stringhtml, appId, appSecret, Token;
if (Request.Form.ToString().Length>0){  // 有数据处理stringcty=Request.QueryString["cty"];
// 设置 AppId 及 AppSecret，在应用管理中获取if (cty=="1"){
appId="appId";
appSecret="appSecret";
            }
// 填写你的 AppId 和 AppSecret，在应用管理中获取varrequest=newkgCaptcha(appId, appSecret);
// 前端验证成功后颁发的 token，有效期为两分钟request.token=Request.Form["kgCaptchaToken"];
// 填写应用服务域名，在应用管理中获取request.appCdn="https://cdn.kgcaptcha.com";
// 当安全策略中的防控等级为3时必须填写，一般情况下可以忽略// 可以填写用户输入的登录帐号（如：$_POST["username"]），可拦截同一帐号多次尝试等行为request.userId="kgCaptchaDemo";
// 请求超时时间，秒request.connectTimeout=5;
// 发送验证请求varrequestResult=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);
        } else {
Response.Redirect("index.html");
        }
    }
}