diff --git a/readme.md b/readme.md
index 142ea23..1291160 100644
--- a/readme.md
+++ b/readme.md
@@ -1,7 +1,8 @@
- 这是一个滑块验证码的实现
-## [在线体验](https://www.tianai.cloud)
-## 验证码demo移步 [tianai-captcha-demo](https://gitee.com/tianai/tianai-captcha-demo)
+这是一个滑块验证码的实现
+## [在线体验](https://www.tianai.cloud)
+
+## 验证码demo移步 [tianai-captcha-demo](https://gitee.com/tianai/tianai-captcha-demo)


@@ -13,80 +14,122 @@
- 该滑块验证码实现了 普通图片和 **webp**图片两种格式
- java获取滑块验证码例子
+## 快速上手
-## 快速上手
-- 如果是SpringBoot开发者可直接使用SpringBoot快速启动器[tianai-captcha-springboot-starter](https://gitee.com/tianai/tianai-captcha-springboot-starter)
+-
+
+如果是SpringBoot开发者可直接使用SpringBoot快速启动器[tianai-captcha-springboot-starter](https://gitee.com/tianai/tianai-captcha-springboot-starter)
### 1. 导入xml
```xml
-
-
- cloud.tianai.captcha
- tianai-captcha
- 1.3.0.RELEASE
-
+
+
+ cloud.tianai.captcha
+ tianai-captcha
+ 1.3.0.RELEASE
+
```
-### 2. 使用 `SliderCaptchaTemplate`获取滑块验证码
+
+### 2. 使用 `SliderCaptchaGenerator`生成器生成滑块验证码
```java
-public static void main(String[] args) throws InterruptedException {
- SliderCaptchaResourceManager sliderCaptchaResourceManager = new DefaultSliderCaptchaResourceManager();
- StandardSliderCaptchaTemplate sliderCaptchaTemplate = new StandardSliderCaptchaTemplate(sliderCaptchaResourceManager, true);
- // 生成滑块图片
- SliderCaptchaInfo slideImageInfo = sliderCaptchaTemplate.getSlideImageInfo();
- System.out.println(slideImageInfo);
-
- // 负责计算一些数据存到缓存中,用于校验使用
- // SliderCaptchaValidator负责校验用户滑动滑块是否正确和生成滑块的一些校验数据; 比如滑块到凹槽的百分比值
- SliderCaptchaValidator sliderCaptchaValidator = new BasicCaptchaTrackValidator();
- // 这个map数据应该存到缓存中,校验的时候需要用到该数据
- Map map = sliderCaptchaValidator.generateSliderCaptchaValidData(slideImageInfo);
+import cloud.tianai.captcha.template.slider.generator.impl.StandardSliderCaptchaGenerator;
+import cloud.tianai.captcha.template.slider.resource.SliderCaptchaResourceManager;
+import cloud.tianai.captcha.template.slider.resource.impl.DefaultSliderCaptchaResourceManager;
+
+public class Test {
+ public static void main(String[] args) throws InterruptedException {
+ SliderCaptchaResourceManager sliderCaptchaResourceManager = new DefaultSliderCaptchaResourceManager();
+ StandardSliderCaptchaGenerator sliderCaptchaGenerator = new StandardSliderCaptchaGenerator(sliderCaptchaResourceManager, true);
+ // 生成滑块图片
+ SliderCaptchaInfo slideImageInfo = sliderCaptchaGenerator.generateSlideImageInfo();
+ System.out.println(slideImageInfo);
+
+ // 负责计算一些数据存到缓存中,用于校验使用
+ // SliderCaptchaValidator负责校验用户滑动滑块是否正确和生成滑块的一些校验数据; 比如滑块到凹槽的百分比值
+ SliderCaptchaValidator sliderCaptchaValidator = new BasicCaptchaTrackValidator();
+ // 这个map数据应该存到缓存中,校验的时候需要用到该数据
+ Map map = sliderCaptchaValidator.generateSliderCaptchaValidData(slideImageInfo);
+ }
}
```
-### 3. 使用`SliderCaptchaValidator`校验
+
+### 3. 使用`SliderCaptchaValidator`校验器 验证
```java
-SliderCaptchaValidator sliderCaptchaValidator = new BasicCaptchaTrackValidator();
+import cloud.tianai.captcha.template.slider.generator.SliderCaptchaGenerator;
-// 用户传来的行为轨迹和进行校验
-// - sliderCaptchaTrack为前端传来的滑动轨迹数据
-// - map 为生成验证码时缓存的map数据
-boolean check = sliderCaptchaValidator.valid(sliderCaptchaTrack, map);
-// 如果只想校验用户是否滑到指定凹槽即可,也可以使用
-// - 参数1 用户传来的百分比数据
-// - 参数2 生成滑块是真实的百分比数据
-check =sliderCaptchaValidator.checkPercentage(0.2f, percentage);
+public class Test2 {
+ public static void main(String[] args) {
+ SliderCaptchaGenerator sliderCaptchaValidator = new BasicCaptchaTrackValidator();
+
+ // 用户传来的行为轨迹和进行校验
+ // - sliderCaptchaTrack为前端传来的滑动轨迹数据
+ // - map 为生成验证码时缓存的map数据
+ boolean check = sliderCaptchaValidator.valid(sliderCaptchaTrack, map);
+ // 如果只想校验用户是否滑到指定凹槽即可,也可以使用
+ // - 参数1 用户传来的百分比数据
+ // - 参数2 生成滑块是真实的百分比数据
+ check = sliderCaptchaValidator.checkPercentage(0.2f, percentage);
+ }
+}
```
-# 常用接口
+## 整体架构设计
-### 生成带有混淆滑块的图片
+> tianai-captcha 验证码整体分为 生成器(`SliderCaptchaGenerator`)、校验器(`SliderCaptchaValidato`r)、资源管理器(`SliderCaptchaResourceManager`)
+> 其中生成器、校验器、资源管理器等都是基于接口模式实现 可插拔的,可以替换为自定义实现,灵活度高
+
+- 生成器(`SliderCaptchaGenerator`)
+ - 主要负责生成滑块验证码所需的图片
+- 校验器(`SliderCaptchaValidator`)
+ - 主要负责校验用户滑动的行为轨迹是否合规
+- 资源管理器(`SliderCaptchaResourceManager`)
+ - 主要负责读取验证码背景图片和模板图片等
+ - 资源管理器细分为 资源存储(`ResourceStore`)、资源提供者(`ResourceProvider`)
+ - 资源存储(`ResourceStore`) 负责存储背景图和模板图
+ - 资源提供者(`ResourceProvider`) 负责将资源存储器中对应的资源转换为文件流
+ - 一般资源存储器中存储的是图片的url地址或者id之类, 资源提供者 就是负责将url或者别的id转换为真正的图片文件
+
+### 生成带有混淆滑块的图片
```java
-SliderCaptchaResourceManager sliderCaptchaResourceManager = new DefaultSliderCaptchaResourceManager();
-StandardSliderCaptchaGenerator sliderCaptchaGenerator = new StandardSliderCaptchaGenerator(sliderCaptchaResourceManager, true);
-// 生成滑块图片
-SliderCaptchaInfo slideImageInfo = sliderCaptchaGenerator.generateSlideImageInfo(GenerateParam.builder()
- .sliderFormatName("jpeg")
- .backgroundFormatName("png")
- // 是否添加混淆滑块
- .obfuscate(true)
- .build());
+public class Test {
+ public static void main(String[] args) {
+ // 资源管理器
+ SliderCaptchaResourceManager sliderCaptchaResourceManager = new DefaultSliderCaptchaResourceManager();
+ // 标准验证码生成器
+ StandardSliderCaptchaGenerator sliderCaptchaGenerator = new StandardSliderCaptchaGenerator(sliderCaptchaResourceManager, true);
+ // 生成滑块图片
+ SliderCaptchaInfo slideImageInfo = sliderCaptchaGenerator.generateSlideImageInfo(GenerateParam.builder()
+ .sliderFormatName("jpeg")
+ .backgroundFormatName("png")
+ // 是否添加混淆滑块
+ .obfuscate(true)
+ .build());
+ }
+}
```
### 生成webp格式的滑块图片
```java
-SliderCaptchaResourceManager sliderCaptchaResourceManager = new DefaultSliderCaptchaResourceManager();
-StandardSliderCaptchaGenerator sliderCaptchaGenerator = new StandardSliderCaptchaGenerator(sliderCaptchaResourceManager, true);
-// 生成滑块图片
-SliderCaptchaInfo slideImageInfo = sliderCaptchaGenerator.generateSlideImageInfo(GenerateParam.builder()
- .sliderFormatName("webp")
- .backgroundFormatName("webp")
- // 是否添加混淆滑块
- .obfuscate(false)
- .build());
+public class Test {
+ public static void main(String[] args) {
+ // 资源管理器
+ SliderCaptchaResourceManager sliderCaptchaResourceManager = new DefaultSliderCaptchaResourceManager();
+ // 标准验证码生成器
+ StandardSliderCaptchaGenerator sliderCaptchaGenerator = new StandardSliderCaptchaGenerator(sliderCaptchaResourceManager, true);
+ // 生成滑块图片
+ SliderCaptchaInfo slideImageInfo = sliderCaptchaGenerator.generateSlideImageInfo(GenerateParam.builder()
+ .sliderFormatName("webp")
+ .backgroundFormatName("webp")
+ // 是否添加混淆滑块
+ .obfuscate(false)
+ .build());
+ }
+}
```
### 添加自定义图片资源
@@ -94,37 +137,54 @@ SliderCaptchaInfo slideImageInfo = sliderCaptchaGenerator.generateSlideImageInfo
- 自定义图片资源大小为 590*360 格式为jpg
```java
- ResourceStore resourceStore = sliderCaptchaResourceManager.getResourceStore();
- // 添加classpath目录下的 aa.jpg 图片
- resourceStore.addResource(new Resource(ClassPathResourceProvider.NAME, "/aa.jpg"));
- // 添加远程url图片资源
- resourceStore.addResource(new Resource(URLResourceProvider.NAME, "http://www.xx.com/aa.jpg"));
- // 内置了通过url 和 classpath读取图片资源,如果想扩展可实现 ResourceProvider 接口,进行自定义扩展
+ public class Test {
+ public static void main(String[] args) {
+ // 通过资源管理器或者资源存储器
+ ResourceStore resourceStore = sliderCaptchaResourceManager.getResourceStore();
+ // 添加classpath目录下的 aa.jpg 图片
+ resourceStore.addResource(new Resource(ClassPathResourceProvider.NAME, "/aa.jpg"));
+ // 添加远程url图片资源
+ resourceStore.addResource(new Resource(URLResourceProvider.NAME, "http://www.xx.com/aa.jpg"));
+ // 内置了通过url 和 classpath读取图片资源,如果想扩展可实现 ResourceProvider 接口,进行自定义扩展
+ }
+}
```
+
### 添加自定义模板资源
- 系统内置了2套模板,可以到QQ群:1021884609 文件中获取更多模板或者自己制作模板
- 模板图片格式
- - 滑块大小为 110*110 格式为png
- - 凹槽大小为 110*110 格式为png
- - 模板大小为 110*360 格式为png,该图为固定格式,是一张纯透明图片
+ - 滑块大小为 110*110 格式为png
+ - 凹槽大小为 110*110 格式为png
+ - 模板大小为 110*360 格式为png,该图为固定格式,是一张纯透明图片
```java
- ResourceStore resourceStore = sliderCaptchaResourceManager.getResourceStore();=
- Map template1 = new HashMap<>(4);
- template1.put(SliderCaptchaConstant.TEMPLATE_ACTIVE_IMAGE_NAME, new Resource(ClassPathResourceProvider.NAME,"/active.png"));
- template1.put(SliderCaptchaConstant.TEMPLATE_FIXED_IMAGE_NAME, new Resource(ClassPathResourceProvider.NAME, "/fixed.png"));
- template1.put(SliderCaptchaConstant.TEMPLATE_MATRIX_IMAGE_NAME, new Resource(ClassPathResourceProvider.NAME, "/matrix.png"));
- resourceStore.addTemplate(template1);
-
- // 模板与三张图片组成 滑块、凹槽、背景图
- // 同样默认支持 classpath 和 url 两种获取图片资源, 如果想扩展可实现 ResourceProvider 接口,进行自定义扩展
+ public class Test {
+ public static void main(String[] args) {
+ // 通过资源管理器或者资源存储器
+ ResourceStore resourceStore = sliderCaptchaResourceManager.getResourceStore();
+ // 添加模板.模板图片由三张图片组成
+ Map template1 = new HashMap<>(4);
+ template1.put(SliderCaptchaConstant.TEMPLATE_ACTIVE_IMAGE_NAME, new Resource(ClassPathResourceProvider.NAME, "/active.png"));
+ template1.put(SliderCaptchaConstant.TEMPLATE_FIXED_IMAGE_NAME, new Resource(ClassPathResourceProvider.NAME, "/fixed.png"));
+ template1.put(SliderCaptchaConstant.TEMPLATE_MATRIX_IMAGE_NAME, new Resource(ClassPathResourceProvider.NAME, "/matrix.png"));
+ resourceStore.addTemplate(template1);
+ // 模板与三张图片组成 滑块、凹槽、背景图
+ // 同样默认支持 classpath 和 url 两种获取图片资源, 如果想扩展可实现 ResourceProvider 接口,进行自定义扩展
+ }
+}
```
+
- 清除内置的图片资源和模板资源
+
```java
- //为方便快速上手 系统本身自带了一张图片和两套滑块模板,如果不想用系统自带的可以不让它加载系统自带的
- // 第二个构造参数设置为false时将不加载默认的图片和模板
- SliderCaptchaGenerator sliderCaptchaTemplate = new StandardSliderCaptchaGenerator(sliderCaptchaResourceManager, false);
+public class Test {
+ public static void main(String[] args) {
+ //为方便快速上手 系统本身自带了一张图片和两套滑块模板,如果不想用系统自带的可以不让它加载系统自带的
+ // 第二个构造参数设置为false时将不加载默认的图片和模板
+ SliderCaptchaGenerator sliderCaptchaGenerator = new StandardSliderCaptchaGenerator(sliderCaptchaResourceManager, false);
+ }
+}
```
### 自定义 `SliderCaptchaValidator` 校验器
@@ -141,31 +201,39 @@ SliderCaptchaInfo slideImageInfo = sliderCaptchaGenerator.generateSlideImageInfo
### 自定义 `ResourceProvider` 实现自定义文件读取策略, 比如 oss之类的
```java
- // 实现了 ResourceProvider 后
- SliderCaptchaResourceManager sliderCaptchaResourceManager = new DefaultSliderCaptchaResourceManager();
- StandardSliderCaptchaGenerator sliderCaptchaGenerator = new StandardSliderCaptchaGenerator(sliderCaptchaResourceManager, true);
- // 注册
- sliderCaptchaResourceManager.registerResourceProvider(new CustomResourceProvider());
+ public class Test {
+ public static void main(String[] args) {
+ // 实现了 ResourceProvider 后
+ SliderCaptchaResourceManager sliderCaptchaResourceManager = new DefaultSliderCaptchaResourceManager();
+ StandardSliderCaptchaGenerator sliderCaptchaGenerator = new StandardSliderCaptchaGenerator(sliderCaptchaResourceManager, true);
+ // 注册
+ sliderCaptchaResourceManager.registerResourceProvider(new CustomResourceProvider());
+ }
+}
```
-### 扩展,对`StandardSliderCaptchaTemplate`增加了缓存模块
+
+### 扩展,对`StandardSliderCaptchaGenerator`增加了缓存模块
+
+> 由于实时生成滑块图片可能会有一点性能影响,内部基于`StandardSliderCaptchaGenerator`进行了提前缓存生成好的图片,`CacheSliderCaptchaGenerator` 这只是基本的缓存逻辑,比较简单,用户可以定义一些更加有意思的扩展,用于突破性能瓶颈
```java
-public static void main(String[] args) throws InterruptedException {
- // 使用 CacheSliderCaptchaTemplate 对滑块验证码进行缓存,使其提前生成滑块图片
- // 参数一: 真正实现 滑块的 SliderCaptchaTemplate
- // 参数二: 默认提前缓存多少个
- // 参数三: 出错后 等待xx时间再进行生成
- // 参数四: 检查时间间隔
- SliderCaptchaResourceManager sliderCaptchaResourceManager = new DefaultSliderCaptchaResourceManager();
- SliderCaptchaGenerator sliderCaptchaGenerator = new CacheSliderCaptchaGenerator(new StandardSliderCaptchaGenerator(sliderCaptchaResourceManager, true), 10, 1000, 100);
- // 生成滑块图片
- SliderCaptchaInfo slideImageInfo = sliderCaptchaGenerator.generateSlideImageInfo();
- // 获取背景图片的base64
- String backgroundImage = slideImageInfo.getBackgroundImage();
- // 获取滑块图片
- slideImageInfo.getSliderImage();
-
- System.out.println(slideImageInfo);
+public class Test {
+ public static void main(String[] args) throws InterruptedException {
+ // 使用 CacheSliderCaptchaGenerator 对滑块验证码进行缓存,使其提前生成滑块图片
+ // 参数一: 真正实现 滑块的 SliderCaptchaGenerator
+ // 参数二: 默认提前缓存多少个
+ // 参数三: 出错后 等待xx时间再进行生成
+ // 参数四: 检查时间间隔
+ SliderCaptchaResourceManager sliderCaptchaResourceManager = new DefaultSliderCaptchaResourceManager();
+ SliderCaptchaGenerator sliderCaptchaGenerator = new CacheSliderCaptchaGenerator(new StandardSliderCaptchaGenerator(sliderCaptchaResourceManager, true), 10, 1000, 100);
+ // 生成滑块图片
+ SliderCaptchaInfo slideImageInfo = sliderCaptchaGenerator.generateSlideImageInfo();
+ // 获取背景图片的base64
+ String backgroundImage = slideImageInfo.getBackgroundImage();
+ // 获取滑块图片
+ slideImageInfo.getSliderImage();
+ System.out.println(slideImageInfo);
+ }
}
```