首页前端开发HTML【记】滑动拼图验证码在搜索中的作用(滑动拼图验证码原理)

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

时间2023-04-03 15:06:46发布访客分类HTML浏览606
导读:开头验证码应用于我们生活、工作的方方面面,比如注册登录账号、支付订单、修改密码等。下面我是在一次项目中利用滑动拼图验证码和搜索功能“合作共赢”的记录。验证码展示具体实现前端代码// 引入js <script src="captcha....

开头

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

验证码展示

具体实现

前端代码

// 引入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开源地址:KgCaptcha (KgCaptcha) · GitHub,顺便做了一个演示:凯格行为验证码在线体验

声明:本文内容由网友自发贡献,本站不承担相应法律责任。对本内容有异议或投诉,请联系2913721942#qq.com核实处理,我们将尽快回复您,谢谢合作!

验证码html

若转载请注明出处: 【记】滑动拼图验证码在搜索中的作用(滑动拼图验证码原理)
本文地址: https://pptw.com/jishu/841.html
下载Python后怎么建立新的项目?手把手教你创建一个新的Python项目(新安装的python如何新建项目) 【CSS】盒子模型外边距 ④ ( 元素默认的外边距 | 清除元素默认的内外边距 | 行内元素边距设置 )

游客 回复需填写必要信息