您现在的位置是:网站首页 / 大后端大后端

行为式验证码之vaptcha使用

苏烟丶Lee2020-02-26 1932人围观

简介 行为式验证码,简化人为识别成本,让枯燥乏味的验证过程变得更简单。既增加应用的安全性也提供良好的用户体验。本文简单的介绍了下captcha的使用方式以及效果

  提到行为验证会不会有一种高大上的感觉?其实是验证码的另一种展示形式罢了
行为验证码是一种较为流行的验证码。从字面来理解,就是通过用户的操作行为来完成验证,而无需去读懂扭曲的图片文字。常见的有两种:拖动式与点触式。
  自由书上线以后大概半个月没有更新文章了,因为我在为自由书开发新功能,最近想给自由书加个评论功能,评论肯定就需要用户,所以也在开发用户功能。也算是为给大家提供平台做准备,其中需要用验证这个功能。
  最开始一般论坛或者网站很多是没有验证功能的,导致网站出现很多短信轰炸机。所以为网站或者APP添加个验证就很有必要了,早期很多是静态图片验证码的形式。

绘制验证码
绘制验证码

这种验证方式比较容易被机器识别,所以为了不被机器识别而加重混淆,但是混淆的太深对真人也是一种考验,所以现在市面上出现了很多行为式验证。比如网易云盾geetest云片腾讯云vaptcha。但是自由书选择的是vaptcha,为啥呢?因为免费啊,所以免费给他打个小广告,如果效果不好也算是给大家做实验咯。
vaptcha介绍
vaptcha介绍

  下面开始集成,在线文档地址,首先官网注册账号,创建验证单元,系统自动分配VID ,其实就是创建应用的概念
创建验证单元
创建验证单元

验证页面引入Js文件
然后在页面初始化vaptcha,填写VID和选择好container绑定组件,参数type有三种类型可选值click,embed,invisible

选择绑定组件
选择绑定组件

点击组件即可使用vaptcha的验证服务。

弹出验证
弹出验证

获取回调的token,传到后端做第二次验证。服务器端文档地址,其实就是一个POST请求,然后取到值看是否成功,然后继续做业务,比如注册,发送验证码之类的。后续Demo等自由书的用户模块上了执行在上传供大家下载.

  • 24 点赞
  • 1 收藏
  • 分享