KgCaptcha验证码实现笔记

宙哈哈

背景

闲来无聊，在网上发现了一个验证码产品KgCaptcha，下面是我用KgCaptcha开发验证码的记录。

Web接入

访问官网，注册账号后登录控制台，创建应用，系统会分配一个唯一的AppId、AppSecret。

引入JS

这里的appid在用户控制台获取。

HTML复制代码

<script src="captcha.js?appid=xxx"></script>

复制代码

JS接入代码

HTML复制代码

<script>
 
kg.captcha({
 
    // 绑定元素，验证框显示区域
 
    bind: "#captchaBox",
 
    // 验证成功事务处理
 
    success: function(e) {
 
        console.log(e);
 
    },
 
    // 验证失败事务处理
 
    failure: function(e) {
 
        console.log(e);
 
    },
 
    // 点击刷新按钮时触发
 
    refresh: function(e) {
 
        console.log(e);
    }
 
});
 
 
</script>

复制代码

Python后台验证

1. from wsgiref.simple_server import make_server
   
2. 
   
3. from KgCaptchaSDK import KgCaptcha
   
4. 
   
5. def start(environ, response):
   
6. 
   
7.     # 填写你的 AppId，在应用管理中获取
   
8. 
   
9.     AppID = &quot;xxx&quot;
   
10. 
    
11.     # 填写你的 AppSecret，在应用管理中获取
    
12. 
    
13.     AppSecret = &quot;xxx&quot;
    
14. 
    
15.     request = KgCaptcha(AppID, AppSecret)
    
16. 
    
17.     # 填写应用服务域名，在应用管理中获取
    
18. 
    
19.     request.appCdn = &quot;https://cdn.kgcaptcha.com&quot;
    
20. 
    
21.     # 请求超时时间，秒
    
22. 
    
23.     request.connectTimeout = 10
    
24. 
    
25.     # 用户id/登录名/手机号等信息，当安全策略中的防控等级为3时必须填写
    
26. 
    
27.     request.userId = &quot;kgCaptchaDemo&quot;
    
28. 
    
29.     # 使用其它 WEB 框架时请删除 request.parse，使用框架提供的方法获取以下相关参数
    
30. 
    
31.     parseEnviron = request.parse(environ)
    
32. 
    
33.     # 前端验证成功后颁发的 token，有效期为两分钟
    
34. 
    
35.     request.token = parseEnviron[&quot;post&quot;].get(&quot;kgCaptchaToken&quot;, &quot;&quot;)  # 前端 _POST[&quot;kgCaptchaToken&quot;]
    
36. 
    
37.     # 客户端IP地址
    
38. 
    
39.     request.clientIp = parseEnviron[&quot;ip&quot;]
    
40. 
    
41.     # 客户端浏览器信息
    
42. 
    
43.     request.clientBrowser = parseEnviron[&quot;browser&quot;]
    
44. 
    
45.     # 来路域名
    
46. 
    
47.     request.domain = parseEnviron[&quot;domain&quot;]
    
48. 
    
49.     # 发送请求
    
50. 
    
51.     requestResult = request.sendRequest()
    
52. 
    
53.     if requestResult.code == 0:
    
54. 
    
55.         # 验证通过逻辑处理
    
56. 
    
57.         html = &quot;验证通过&quot;
    
58. 
    
59.     else:
    
60. 
    
61.         # 验证失败逻辑处理
    
62. 
    
63.         html = f&quot;{requestResult.msg} - {requestResult.code}&quot;
    
64. 
    
65.     response(&quot;200 OK&quot;, [(&quot;Content-type&quot;, &quot;text/html; charset=utf-8&quot;)])
    
66. 
    
67.     return [bytes(str(html), encoding=&quot;utf-8&quot;)]
    
68. 
    
69. httpd = make_server(&quot;0.0.0.0&quot;, 8088, start)  # 设置调试端口  http://localhost:8088/
    
70. 
    
71. 
    
72. httpd.serve_forever()

复制代码

效果展示


最后

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