关于验证码:滑动拼图行为验证码KgCaptcha快速入门

46次阅读

共计 764 个字符,预计需要花费 2 分钟才能阅读完成。

凯格行为验证码 – 滑动拼图验证码

行为验证码采纳嵌入式集成形式,接入不便,平安,高效。摈弃了传统字符型验证码展现 - 填写字符 - 比对答案的流程,采纳验证码展现 - 采集用户行为 - 剖析用户行为流程,用户只须要产生指定的行为轨迹,不须要键盘手动输出,极大优化了传统验证码用户体验不佳的问题;同时,疾速、精确地返回人机断定后果。

Web 接入

环境要求

兼容 IE9+,Chrome,Firefox,360 浏览器,QQ 浏览器等支流浏览器。

获取 appId

请先进入 KgCaptcha 控制台(或点击右上角控制台按钮)中的“利用治理”或“利用配置”模块,并下图指引地位找到 appId。

示例代码

以下列举 Javascript 接入示例代码:

假如页面上有一个 <div id="captchaBox"></div>,则能够像上面这样初始化验证码。

<script src="https://cdn.kgcaptcha.com/captcha.js?appid=xxx"></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>

格调设置

进入 KgCaptcha 控制台设置款式:

KgCaptcha 相干链接

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

正文完
 0