暂无图片
暂无图片
暂无图片
暂无图片
暂无图片

行为验证码(AJ-Captcha快速入门)

日常bb 2021-08-23
2098

行为验证码

行为验证码采用嵌入式集成方式,接入方便,安全,高效。抛弃了传统字符型验证码展示-填写字符-比对答案的流程,采用验证码展示-采集用户行为-分析用户行为流程,用户只需要产生指定的行为轨迹,不需要键盘手动输入,极大优化了传统验证码用户体验不佳的问题;同时,快速、准确的返回人机判定结果。

滑动拼图
点选文字

AJ-Captcha

anji-plus AJ-Captcha

Githu地址:https://github.com/anji-plus/captcha

码云地址:https://gitee.com/anji-plus/captcha

文档地址:https://captcha.anji-plus.com/#/doc

快速入门

环境:SpringBoot 2.3.7.RELEASE、Maven

引入依赖

<!--验证码-->
<dependency>
    <groupId>com.github.anji-plus</groupId>
    <artifactId>captcha-spring-boot-starter</artifactId>
    <version>1.2.7</version>
</dependency>

引入的依赖中,存在 CaptchaController,有默认的实现方式,如果不自定义相关内容,基本不用编写代码。

CaptchaController

默认的效果。

captcha效果

官方的前端 html 代码我也 copy 了一份过来,放在项目下了,方便自己验证。

captcha html

官方前端 Demo 代码,是非常全的。前端代码使用的什么框架,直接看官方 Demo 就行了。

官方前端 Demo 代码

修改验证码的图片资源

修改验证码的图片资源。

注意目录结构(因为看源码可发现,在初始化图片时,它在硬编码上固定了路径地址)
注意图片大小(这个与前端展示的大小有关,默认的图片大小为:宽度:311 像素,高度:155 像素)

固定了路径地址

使用项目路径,加个水印。

修改图片

因为网上随便找的图片,效果看上去一般。

效果

aj-captcha-demo

原文地址

demo 源码


文章转载自日常bb,如果涉嫌侵权,请发送邮件至:contact@modb.pro进行举报,并提供相关证据,一经查实,墨天轮将立刻删除相关内容。

评论