关于html:记滑动拼图验证码在搜索中的作用

2次阅读

共计 1683 个字符,预计需要花费 5 分钟才能阅读完成。

结尾

验证码利用于咱们生存、工作的方方面面,比方注册登录账号、领取订单、批改明码等。上面我是在一次我的项目中利用滑动拼图验证码和搜寻性能“单干共赢”的记录。

验证码展现

具体实现

前端代码

// 引入 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,顺便做了一个演示:凯格行为验证码在线体验

正文完
 0