文字点选验证码使用笔记

原创

用户10412055

修改于 2023-08-23 16:12:24

3560

修改于 2023-08-23 16:12:24

文章被收录于专栏：KgCaptcha

前言

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

优势

在文字点选验证码中，用户将面对一个包含多个图像的界面。用户需要根据指示点击与给定条件相符的图像。这些条件可以是点击所有显示食物的图片，或者点击所有带有交通工具的图像。通过这样的验证方式，系统能够有效区分真实用户和机器人，提高网站的安全性。

文字点选验证码的优势在于其简洁性和可操作性。用户只需点击几个图像就能完成验证，而无需输入复杂的验证码。这不仅减少了用户的繁琐操作，还提高了用户的满意度。

实现代码

HTML代码

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

<div id="captchaBox">载入中 ...</div>

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://cdn6.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()

原创声明：本文系作者授权腾讯云开发者社区发表，未经许可，不得转载。

如有侵权，请联系 cloudcommunity@tencent.com 删除。

html