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

简介: 在做项目中,其中包含了用户注册登录功能。有用户注册登录,就需要有提交表单前的验证码校验。本文使用KgCaptcha接入。

前言

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

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


特点

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


使用截图

31.png


效果展示

4.PNG


前端代码

<scriptsrc="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><aid="captchaButton">点击弹出验证窗口</a>


PHP代码

<?phpinclude"public/KgCaptchaSDK.php";
// 填写你的 AppId,在应用管理中获取$appId="9xxxYQa";
// 填写你的 AppSecret,在应用管理中获取$appSecret="6u2BhEgORjQPkxxxxxmpg2z5lLTLHf6a";
$request=newkgCaptcha($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)滑动拼图验证,无感验证码,文字点选验证码

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

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


相关文章
|
5月前
|
小程序 开发者 Windows
微信小程序制作日常生活首页
这篇文章介绍了如何制作微信小程序的日常生活首页,包括手机效果预览、开发者工具效果图、真机调试截图、项目目录结构、核心代码示例,以及友情提示和CSDN社区地址链接。
微信小程序制作日常生活首页
|
前端开发
仿qq音乐官网部分静态页面
仿qq音乐官网部分静态页面
211 0
|
移动开发 前端开发
动漫网站-前端网页技术精美网站源码HTML+CSS+JS
动漫网站-前端网页技术精美网站源码HTML+CSS+JS
288 0
动漫网站-前端网页技术精美网站源码HTML+CSS+JS
|
移动开发 前端开发
公司产品移动端网页-前端网页设计技术精美网站源码HTML+CSS+JS
公司产品移动端网页-前端网页设计技术精美网站源码HTML+CSS+JS
158 0
公司产品移动端网页-前端网页设计技术精美网站源码HTML+CSS+JS
|
JSON 小程序 前端开发
微信小程序黑马优购遇到的问题和心得
微信小程序黑马优购遇到的问题和心得
427 0
微信小程序黑马优购遇到的问题和心得
|
JavaScript 前端开发 程序员
整活系列(一)——做个PC端打字小游戏
代码不光是我们用来工作的,也应该是我们用来娱乐的,今天就带着小伙伴们整个活! 看完这篇文章,你会学会如何整活~ 小时候我记得有个软件叫做`金山打字通`,里面有个打字的飞机大战不知道有没有小伙伴玩过,当然我整不来他那么优秀,我只能做一个较为简单的(**低配版**),低的好像还真挺低。
|
人工智能 自然语言处理 小程序
【微信小程序】春节 “迎春对联” 微信小程序 丨 2022🧭
新年将至,做个智能迎春对联小程序给大伙助助兴!提前祝各位掘友们,2022新年快落!新春快落!
349 0
【微信小程序】春节 “迎春对联” 微信小程序 丨 2022🧭
|
JavaScript PHP 关系型数据库
ThinkBox仿thinkphp头像名片
演示效果参考:http://www.erdangjiade.com/js/869.html 下面是两个头像,只要给.avatar加上user_id即可在其右侧出现名片弹出层。
891 0
|
测试技术
张小龙宣布微信小程序可直接从桌面进入
昨晚,微信之父张小龙再次在朋友圈公布微信小程序最新进展,表示“程序猿的一小步,程序的一大进步”。微信小程序公测以来,对于小程序的入口问题,一直是大家心里的疑问。从张小龙公布的图片中可以看到,桌面图标第三行的第三个正是在小程序测试者开发的产品。
776 0
|
前端开发 Java 数据安全/隐私保护
仿支付宝手势密码
这篇来分享一下绘制手势密码的实现(主要是设置手势密码、校验手势密码): 一、大致界面介绍:                                               图1                                                                                    
1234 0

相关实验场景

更多