精易论坛

标题: 一个简单好用的行为验证码 [打印本页]

作者: 宙哈哈    时间: 2023-3-13 10:14
标题: 一个简单好用的行为验证码
本帖最后由 宙哈哈 于 2023-3-13 10:16 编辑

效果展示


交互流程

接入示例
前端效果调用代码
[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>


后端验签示例代码(以PHP为例)
[PHP] 纯文本查看 复制代码
<?php
include "public/KgCaptchaSDK.php";

// 填写你的 AppId,在应用管理中获取
$appId = "94dATYQa";

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

$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漂亮,简单,种类也十分丰富,而且支持多种接入方式,推荐给各位小伙伴!

相关链接
SDK开源地址:https://github.com/KgCaptcha,顺便做了一个演示:https://www.kgcaptcha.com/demo/






作者: 人杰啊    时间: 2023-3-13 10:36
广告?
作者: hhhql    时间: 2023-3-13 10:40
数据也不加密  base64  和裸奔有啥区别
作者: 曾繁希    时间: 2023-3-13 11:18
系统_取磁盘信息 ()
作者: sd3970566    时间: 2023-3-13 11:19
安卓怎么接入··? php完全开源吗
作者: sd3970566    时间: 2023-3-13 11:21
原来是广告啊,服务端源码没有 。。举报···




欢迎光临 精易论坛 (https://125.confly.eu.org/) Powered by Discuz! X3.4