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

宙哈哈
• 阅读 46

前言

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

准备工作

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

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

目录结构

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

核心代码

  • noramal.html
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>凯格行为验证码 - Net C# demo</title>
<link rel="stylesheet" href="./style/demo.css" />
<!--
将以下域名替换成你的“应用服务器域名”
将以下 appid 替换成你的 AppID
服务器域名和appid在你的应用管理中获取
示例:<script src="captcha.js?appid=xxx"></script>
-->
<script src="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);
    }
});
// 检查表单提交
function check() {
    if (kg.$("#kgCaptchaToken").value == "") {
        alert("请完成图形验证后提交")
        return false;
    } else {
        return true;
    }
}
</script>
</head>
<body>
    <form action="demo.aspx?cty=1" method="post" id="form" onsubmit="return check();">
        <!-- 将验证成功后的 token 通过隐藏域传递到后端 -->
        <input type="hidden" name="kgCaptchaToken" id="kgCaptchaToken" value="" />
        <div class="inputForm">
            <input type="text" name="username" placeholder=" 例:填写登录帐号" />
            <br/>
            <input type="password" name="password" placeholder=" 例:填写登录密码" />
        </div>
        <!-- 绑定显示区域 -->
        <div id="captchaBox"></div>
        <input type="submit" value="提  交" class="btn" />
    </form>
</body>
</html>
  • demo.aspx.cs
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){  // 有数据处理

            string cty = Request.QueryString["cty"];
            // 设置 AppId 及 AppSecret,在应用管理中获取
            if (cty == "1"){
                appId = "appId";
                appSecret = "appSecret";
            }
            // 填写你的 AppId 和 AppSecret,在应用管理中获取
            var request = new kgCaptcha(appId, appSecret);

            // 前端验证成功后颁发的 token,有效期为两分钟
            request.token = Request.Form["kgCaptchaToken"];

            // 填写应用服务域名,在应用管理中获取
            request.appCdn = "https://cdn.kgcaptcha.com";

            // 当安全策略中的防控等级为3时必须填写,一般情况下可以忽略
            // 可以填写用户输入的登录帐号(如:$_POST["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);
        } else {
            Response.Redirect("index.html");
        }
    }
}

效果展示

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

最后

SDK开源地址:https://github.com/KgCaptcha,顺便做了一个演示:https://www.kgcaptcha.com/demo/

点赞
收藏
评论区
推荐文章
HelloWorld官方 HelloWorld官方
2年前
C++概述
概述C是静态,可编译,通用,大小写敏感,格式自由的编程语言,它支持程序化,面向对象的,和泛型编程方式。C被看作是中间层语言,因为它同时包含了低级语言和高级语言的特性。C是于1979年在新泽西的茉莉山丘的贝尔实验室由BjarneStroustrup开发的,它是C语言的加强版,最开始它被称作“CwithClasses”,但是
Stella981 Stella981
1年前
Golang与C#之switch区别
Golang与C之switch区别!(http://www.todosomeone.com/wpcontent/uploads/2016/10/101c0007a2dae691e1621.jpg)Go是Google开发的一种编译型,可并行化,并具有垃圾回收功能的编程语言。C是微软公司发布的一种面向对象的、运行于.N
Wesley13 Wesley13
1年前
C#与.NET
C从本质上来说,它是一门编程语言。他不是.NET体系的一部分。虽然C总是用来生成.NET平台的代码。C语言不能孤立的使用,必须与.NET平台一起使用。这样才能大大提高开发效率。相对于C,Java等语言,C是一种比较新的语言。它是在吸收了C和Java语言在设计上的优点设计出来的。从一开始C就被设计为面向对象的开发语言。.NETFra
Stella981 Stella981
1年前
Python MongoDB使用初步
MongoDB是由C语言编写的,是一个基于分布式文件存储的开源数据库系统。它是一个面向文档存储的数据库,操作起来比较简单。可通过本地或者网络创建数据镜像,具有很强的可扩展性。MongoDB支持的编程语言有Ruby,Python,Java,C,C,PHP等。本文以Windows平台为例,介绍Windows下MongoDB的安装和使用方法。
Wesley13 Wesley13
1年前
.Net中验证码图片生成
开发网站或平台系统,登录页面是必不可少的功能,但是现在很多人可以使用工具暴力破解网站密码,为了防止这类非法操作,需要在登录页面添加验证,验证码就是最常用的一种验证方式。我结合了自己的经验和网上的验证码资料,总结一下c验证码开发,直接放代码,文中有注释,可以轻松理解代码意思。功能:实现了打开登陆页面是生成验证码图片以及点击验证码时,刷新验证码功能,验
宙哈哈 宙哈哈
2星期前
【总结】Java实现短信验证码
Java是一种流行的编程语言,验证码是一种常用的网络安全技术。Java发展至今,网上也出现了各种各样的验证码,本人初学Java,下面是我用Java实现短信验证码的总结。
京东云开发者 京东云开发者
3个月前
TypeScript 前端工程最佳实践
作者:王春雨前言随着前端工程化的快速发展,TypeScript变得越来越受欢迎,它已经成为前端开发人员必备技能。TypeScript最初是由微软开发并开源的一种编程语言,自2012年10月发布首个公开版本以来,它已得到了人们的广泛认可。TypeScript
宙哈哈 宙哈哈
2星期前
Vue.js 滑动拼图验证码实现笔记
关于验证码的使用场景还是非常多的,很多网站上的验证码可谓是五花八门,下面是我使用Vue.js实现滑动拼图验证码做的一个笔记。
宙哈哈 宙哈哈
2星期前
一个Node.js图形验证码的生成
本文是我在一次基于Node.js环境下开发滑动拼图验证码,下面是我对这次项目的总结。
宙哈哈 宙哈哈
2星期前
【记】滑动拼图验证码在搜索中的作用
验证码应用于我们生活、工作的方方面面,比如注册登录账号、支付订单、修改密码等。下面我是在一次项目中利用滑动拼图验证码和搜索功能“合作共赢”的记录。