在线行为验证码使用笔记

缘由

想要保护您的网站免受恶意攻击？不妨考虑一款免费行为验证插件。该插件基于用户的行为模式进行验证，可有效区分真实用户和机器人。其中，滑动拼图是一种常见的在线行为验证方式，能够增加验证的难度，提高网站的安全性。通过使用这款免费插件，您可以为您的网站添加一道可靠的安全防线。

相关代码

HTML代码

1
2<script src="https://cdn6.kgcaptcha.com/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<div id="captchaBox">载入中 ...</div>

PHP代码

1<?php
2include "KgCaptchaSDK.php";
3// 填写你的 AppId，在应用管理中获取
4$appId = "appId";
5// 填写你的 AppSecret，在应用管理中获取
6$appSecret = "appSecret";
7$request = new kgCaptcha($appId, $appSecret);
8// 填写应用服务域名，在应用管理中获取
9$request->appCdn = "https://cdn6.kgcaptcha.com";
10// 前端验证成功后颁发的 token，有效期为两分钟
11$request->token = $_POST["kgCaptchaToken"];
12// 当安全策略中的防控等级为3时必须填写
13$request->userId = "kgCaptchaDemo";
14// 请求超时时间，秒
15$request->connectTimeout = 10;
16$requestResult = $request->sendRequest();
17if ($requestResult->code === 0) {
18    // 验签成功逻辑处理
19    echo "验证通过";
20} else {
21    // 验签失败逻辑处理
22    echo "验证失败，错误代码：{$requestResult->code}， 错误信息：{$requestResult->msg}";
23}

最后

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