浅谈网站设计中KgCaptcha使用的心得

前言

在做项目中，其中包含了用户注册登录功能。有用户注册登录，就需要有提交表单前的验证码校验。

刚接下这个网站制作的工作时，对于验证码的生成与输入校验，可谓一窍不通，于是开始在网上找解决方案，功夫不负有心人，终于找到一款行为验证码，并顺利的将它集成到登录功能中。这个验证码叫KgCaptcha。大家可以直接搜索得到。非常感谢这款验证码的开发者及其分享者，帮助我解决了这个问题。

特点

• 精准识别：机器学习结合智能策略模型，精准判定人机操作；
• 极致体验：依托凯格先进架构，服务毫秒级响应；
• 布局美观：弹窗、嵌入等多种形态，适用于各种业务场景，覆盖电脑、手机；
• 全平台快速接入：SDK快速接入，仅需三步轻松搞定；
• 数据可视化：丰富的可视化图表，防御拦截数据尽收眼底；

使用截图

效果截图

前端代码

<script src="https://cdn.kgcaptcha.com/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>
<a id="captchaButton">点击弹出验证窗口</a>

PHP代码

<?php
include "public/KgCaptchaSDK.php";

// 填写你的 AppId，在应用管理中获取
$appId = "9xxxYQa";

// 填写你的 AppSecret，在应用管理中获取
$appSecret = "6u2BhEgORjQPkxxxxxmpg2z5lLTLHf6a";

$request = new kgCaptcha($appId, $appSecret);
// 填写应用服务域名，在应用管理中获取
$request->appCdn = "https://cdn.kgcaptcha.com";

// 前端验证成功后颁发的 token，有效期为两分钟
$request->token = $_POST["kgCaptchaToken"];

// 当安全策略中的防控等级为3时必须填写
$request->userId = "kgCaptchaDemo";

// 请求超时时间，秒
$request->connectTimeout = 10;

$requestResult = $request->sendRequest();
if ($requestResult->code === 0) {
    // 验签成功逻辑处理
    echo "验证通过";
} else {
    // 验签失败逻辑处理
    echo "验证失败，错误代码：{$requestResult->code}， 错误信息：{$requestResult->msg}";
}

最后

验证码的制作及使用方式已经介绍完了，有兴趣的朋友可以试试。

相关链接

官方地址：凯格行为验证码（KgCaptcha）滑动拼图验证，无感验证码，文字点选验证码

在线体验：凯格行为验证码在线体验

开发文档：凯格行为验证码-开发文档