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

编辑: admin 分类: 电脑知识 发布时间: 2023-06-14 来源:互联网
开头

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

验证码展示

具体实现前端代码
  1. // 引入js
  2. <script src="captcha.js?appid=XXX"></script>
  3. <script>
  4. kg.captcha({
  5.     // 绑定弹窗按钮
  6.     button: "#captchaButton",
  8.     // 验证成功事务处理
  9.     success: function (e) {
  10.         // 验证成功，直接提交表单
  11.         // form1.submit();
  12.         console.log(e);
  13.     },
  15.     // 验证失败事务处理
  16.     failure: function (e) {
  17.         console.log(e);
  18.     },
  20.     // 点击刷新按钮时触发
  21.     refresh: function (e) {
  22.         console.log(e);
  23.     }
  24. });
  25. </script>
  27. <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代码
  1. from wsgiref.simple_server import make_server
  2. from KgCaptchaSDK import KgCaptcha
  3. def start(environ, response):
  4.     # 填写你的 AppId，在应用管理中获取
  5.     AppID = "AppId"
  6.     # 填写你的 AppSecret，在应用管理中获取
  7.     AppSecret = "AppSecret"
  8.     request = KgCaptcha(AppID, AppSecret)
  9.     # 填写应用服务域名，在应用管理中获取
  10.     request.appCdn = "https://cdn.kgcaptcha.com"
  11.     # 请求超时时间，秒
  12.     request.connectTimeout = 10
  13.     # 用户id/登录名/手机号等信息，当安全策略中的防控等级为3时必须填写
  14.     request.userId = "kgCaptchaDemo"
  15.     # 使用其它 WEB 框架时请删除 request.parse，使用框架提供的方法获取以下相关参数
  16.     parseEnviron = request.parse(environ)
  17.     # 前端验证成功后颁发的 token，有效期为两分钟
  18.     request.token = parseEnviron["post"].get("kgCaptchaToken", "")  # 前端 _POST["kgCaptchaToken"]
  19.     # 客户端IP地址
  20.     request.clientIp = parseEnviron["ip"]
  21.     # 客户端浏览器信息
  22.     request.clientBrowser = parseEnviron["browser"]
  23.     # 来路域名
  24.     request.domain = parseEnviron["domain"]
  25.     # 发送请求
  26.     requestResult = request.sendRequest()
  27.     if requestResult.code == 0:
  28.         # 验证通过逻辑处理
  29.         html = "验证通过"
  30.     else:
  31.         # 验证失败逻辑处理
  32.         html = f"{requestResult.msg} - {requestResult.code}"
  33.     response("200 OK", [("Content-type", "text/html; charset=utf-8")])
  34.     return [bytes(str(html), encoding="utf-8")]
  35. httpd = make_server("0.0.0.0", 8088, start)  # 设置调试端口  http://localhost:8088/
  36. httpd.serve_forever()
最后

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

【本文由：大丰网站开发 http://www.1234xp.com/dafeng.html 处的文章,转载请说明出处】
更多阅读