前言
为了确保网络安全,我们网站采用了文字点选验证码来验证用户身份。文字点选验证码是一种简单而有效的验证机制,通过要求用户点击相关图像来区分真实用户和机器人。它不仅可以防止恶意攻击,还能提供用户友好的验证体验。

优势
在文字点选验证码中,用户将面对一个包含多个图像的界面。用户需要根据指示点击与给定条件相符的图像。这些条件可以是点击所有显示食物的图片,或者点击所有带有交通工具的图像。通过这样的验证方式,系统能够有效区分真实用户和机器人,提高网站的安全性。
文字点选验证码的优势在于其简洁性和可操作性。用户只需点击几个图像就能完成验证,而无需输入复杂的验证码。这不仅减少了用户的繁琐操作,还提高了用户的满意度。
实现代码
- HTML代码
1 2<script src="captcha.js"></script> 3<script> 4kg.captcha({ 5 // 绑定元素,验证框显示区域 6 bind: "#captchaBox", 7 // 验证成功事务处理 8 success: function(e) { 9 console.log(e); 10 }, 11 // 验证失败事务处理 12 failure: function(e) { 13 console.log(e); 14 }, 15 // 点击刷新按钮时触发 16 refresh: function(e) { 17 console.log(e); 18 } 19}); 20</script> 21 22<div id="captchaBox">载入中 ...</div>
- Python代码
1from wsgiref.simple_server import make_server 2from KgCaptchaSDK import KgCaptcha 3def start(environ, response): 4 # 填写你的 AppId,在应用管理中获取 5 AppID = "AppID" 6 # 填写你的 AppSecret,在应用管理中获取 7 AppSecret = "AppSecret" 8 request = KgCaptcha(AppID, AppSecret) 9 # 填写应用服务域名,在应用管理中获取 10 request.appCdn = "https://cdn6.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")] 35httpd = make_server("0.0.0.0", 8088, start) # 设置调试端口 http://localhost:8088/ 36httpd.serve_forever()
最后
SDK开源地址:https://github.com/KgCaptcha,顺便做了一个演示:https://www.kgcaptcha.com/demo/