开头
验证码应用于我们生活、工作的方方面面，比如注册登录账号、支付订单、修改密码等。下面我是在一次项目中利用滑动拼图验证码和搜索功能“合作共赢”的记录。
验证码展示
具体实现
前端代码
// 引入js <scriptsrc="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><aid="captchaButton"></a>
验证结果说明
字段名 |
数据类型 |
描述 |
code |
number |
返回code信息 |
msg |
string |
验证结果信息 |
rid |
number |
用户的验证码应用id |
sense |
number |
是否开启无感验证，0-关闭，1-开启 |
token |
string |
验证成功才有：token |
weight |
number |
错误严重性，0正常错误，可以继续操作，1一般错误，刷新/重新加载拼图，2严重错误，错误次数过多拒绝访问 |
Python代码
fromwsgiref.simple_serverimportmake_serverfromKgCaptchaSDKimportKgCaptchadefstart(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() ifrequestResult.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
