日常bb 日常bb
首页
文章
笔记
冥思
其他
收藏
  • 分类
  • 标签
  • 归档
GitHub (opens new window)

日常bb

想起来全是问题,做起来才有答案。
首页
文章
笔记
冥思
其他
收藏
  • 分类
  • 标签
  • 归档
GitHub (opens new window)
  • Java

  • Redis

  • Spring

    • 基础使用

      • SpringBoot集成ShardingSphere4.1.1(自定义分库、分表算法)
      • 使用Flyway对数据库版本控制
      • 行为验证码(AJ-Captcha快速入门)
        • 行为验证码
        • AJ-Captcha
        • 最佳实践
        • 修改图片资源
      • SpringBoot二维码生成(复制即用)
      • SpringBoot使用Hibernate Validator(后端参数校验)
    • Spring Security

    • 收藏

  • 工具

  • 概念

  • 容器

  • 实战

  • 文章
  • Spring
  • 基础使用
rcbb
2022-08-05
目录

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

# 行为验证码

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

滑动拼图

点选文字

# 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>
1
2
3
4
5

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

CaptchaController

默认的效果。

captcha效果

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

captcha html

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

官方前端 Demo 代码

# 修改图片资源

修改验证码的图片资源。

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

固定了路径地址

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

spring:
  application:
    name: aj-captcha-demo
server:
  port: 9696

aj:
  captcha:
    # 支持全路径
#    jigsaw: C:/Users/Desktop/images/jigsaw
#    pic-click: C:/Users/Desktop/images/pic-click
    # 支持项目路径以classpath:开头,取resource目录下路径,例:classpath:images/jigsaw
    jigsaw: classpath:images/jigsaw
    pic-click: classpath:images/pic-click
    # 水印
    water-mark: www.rcbb.cc
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16

修改图片

自定义图片和水印的效果。

效果

源代码地址:

https://github.com/rcbb-cc/fast-start-guide


#行为验证码#AJ-Captcha
上次更新: 10/7/2022
使用Flyway对数据库版本控制
SpringBoot二维码生成(复制即用)

← 使用Flyway对数据库版本控制 SpringBoot二维码生成(复制即用)→

最近更新
01
SpringBoot使用Hibernate Validator(后端参数校验)
04-01
02
注册OpenAI账号ChatGPT指南
03-31
03
Sign in with Apple(苹果授权登陆)
12-29
更多文章>
Theme by Vdoing | Copyright © 2021-2023 日常bb | 鄂ICP备17023998号
  • 跟随系统
  • 浅色模式
  • 深色模式
  • 阅读模式