【记】滑动拼图验证码在搜索中的作用

宙哈哈
• 阅读 425

开头

验证码应用于我们生活、工作的方方面面,比如注册登录账号、支付订单、修改密码等。下面我是在一次项目中利用滑动拼图验证码和搜索功能“合作共赢”的记录。

验证码展示

【记】滑动拼图验证码在搜索中的作用

具体实现

前端代码

// 引入js
<script src="captcha.js?appid=XXX"></script>
<script>
kg.captcha({
    // 绑定弹窗按钮
    button: "#captchaButton",

    // 验证成功事务处理
    success: function (e) {
        // 验证成功,直接提交表单
        // form1.submit();
        console.log(e);
    },

    // 验证失败事务处理
    failure: function (e) {
        console.log(e);
    },

    // 点击刷新按钮时触发
    refresh: function (e) {
        console.log(e);
    }
});
</script>

<a id="captchaButton"></a>

验证结果说明

【记】滑动拼图验证码在搜索中的作用

字段名 数据类型 描述
code number 返回code信息
msg string 验证结果信息
rid number 用户的验证码应用id
sense number 是否开启无感验证,0-关闭,1-开启
token string 验证成功才有:token
weight number 错误严重性,0正常错误,可以继续操作,1一般错误,刷新/重新加载拼图,2严重错误,错误次数过多拒绝访问

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开源地址:https://github.com/KgCaptcha,顺便做了一个演示:https://www.kgcaptcha.com/demo/

点赞
收藏
评论区
推荐文章
宙哈哈 宙哈哈
1年前
Vue.js 滑动拼图验证码实现笔记
关于验证码的使用场景还是非常多的,很多网站上的验证码可谓是五花八门,下面是我使用Vue.js实现滑动拼图验证码做的一个笔记。
宙哈哈 宙哈哈
1年前
一个Node.js图形验证码的生成
本文是我在一次基于Node.js环境下开发滑动拼图验证码,下面是我对这次项目的总结。
不是海碗 不是海碗
1年前
一文带你看透短信验证码
短信验证码应用于我们生活、工作的方方面面,比如注册登录账号、支付订单、修改密码等等。验证码短信主要出于安全的考虑,防止应用/网站被恶意注册,恶意攻击,对于网站、APP而言,大量的无效注册,重复注册,甚至是恶意攻击很令人头痛。
宙哈哈 宙哈哈
1年前
C#滑动拼图验证码实现笔记
C是一个现代的、通用的、面向对象的编程语言,它是由微软(Microsoft)开发的,由Ecma和ISO核准认可的。突发奇想,动手开发一个C滑动拼图验证码,下面是我开发过程的记录。
贾迎春 贾迎春
1年前
Vue.js 实现行为验证码
关于验证码的使用场景还是非常多的,很多网站上的验证码可谓是五花八门,下面是我使用Vue.js实现滑动拼图验证码做的一个笔记。
贾迎春 贾迎春
1年前
C#实现图形验证码
C是一个现代的、通用的、面向对象的编程语言,它是由微软(Microsoft)开发的,由Ecma和ISO核准认可的。突发奇想,动手开发一个C滑动拼图验证码,下面是我开发过程的记录。
贾迎春 贾迎春
1年前
行为验证码小图标修改
最近行为验证码在很多网站逐步流行起来,对用户体验来说,比较新颖,操作简单。下面我以滑动拼图验证码和文字点选验证码为例,通过KgCaptcha来说说如何修改验证码中的图标。
宙哈哈 宙哈哈
1年前
滑动拼图验证,摆脱烦人的验证码输入
你最近是否遇到过令人头疼的验证码?为何不让滑动拼图成为你的新选择呢?通过完成一个有趣的滑动拼图来验证你的身份,既能锻炼大脑,又能保护你的隐私。
宙哈哈 宙哈哈
1年前
免费在线行为验证,保护你的账号安全
忘记繁琐的验证码吧!免费在线行为验证服务,通过滑动图片、滑动拼图和文字点选等方式,确保只有真正的人类用户能够访问。
宙哈哈 宙哈哈
1年前
滑动拼图验证码,拼出完美画面!
前言在当今的数字时代,随着网络安全问题的日益突出,人们对于账户安全的需求也越来越迫切。而滑动拼图验证码作为一种创新的验证方式,正逐渐受到广大用户的喜爱和应用。滑动拼图验证码不仅能够有效抵御自动化攻击,更可以锻炼玩家的观察力和耐心。通过移动拼图块,完成完美的