怎么实现一个滑动验证码功能?又如何防止被机器识别破解

滑动验证码应该大家都不陌生,在登录的时候都基本上遇到过,那怎么实现这样一个功能呢?

核心其实就两个,一个是后端造图 ,另一个是行为校验。

在后端随机选择一张背景图,再随机选择一个位置(X,Y),利用OpenCV或者Java的BufferedImage算法扣出一块拼图。

然后,在后端把背景图和拼图块转成Base64给前端,同时把正确的X坐标存到Redis中。

前端主要监听鼠标或者触摸事件,当用户拖动滑块时,前端不仅要记录最终滑动的距离,还要记录整个滑动轨迹。

当鼠标松开时,再把数据发给后端。

为了防止被机器识别破解,需要在后端进行双重校验。

第一重是判断前端传来的X偏移量和Redis中存储的X是否匹配;

第二重则是对轨迹进行分析,如果轨迹太过完美,可以直接判定为机器人。

因为一般来说,机器人的轨迹是匀速的,直线的 或者是一条完美的数学曲线。

但是,人的轨迹就很难做到这么完美,可能会有抖动,先快后慢或者还可能有回退。

相关推荐
码事漫谈10 分钟前
腾讯混元 Hy4 正式版发布了
后端
Mikko710 分钟前
Redis 连接数满了服务端有错误信息吗?连接数不增加却命令超时?6.2 实测连接池、超时与大 key 怎么判定
java·spring boot·redis·后端
.Bryce.17 分钟前
从零到一开发技术名词大全:从需求分析到 AI Agent 工程
java·网络·人工智能·agent·需求分析·agent评测
SL_staff28 分钟前
JVS-APS的7个刚性约束设计:从无限产能幻觉到可执行排产的工程实践
java·spring cloud·全栈
苍何2 小时前
DeepSeek的Super-agent 设计,和我们的工程实践
后端
Patrick_Wilson2 小时前
第一次读 Go 项目:从两个源码文件弄清 package、import 和 go.mod
后端·go·编程语言
代码山河2 小时前
基本类型转换:自动类型转换与强制类型转换
java·学习·架构·教程·面向对象·项目
Patrick_Wilson2 小时前
执行 go build . 后,Go 怎样找到代码并生成程序
后端·go·编程语言
用户6919026813392 小时前
Redis 2:Redis 在怎么处理harness记忆
后端
Patrick_Wilson2 小时前
Go 变量不赋值时,为什么也有值
后端·go·编程语言