springBoot整合easy-captcha获取图片验证码

一、现在项目pom文件导入验证码工具

这里使用easy-captcha进行示范

  <!--图形验证码-->
  <!--官方文档:https://gitee.com/ele-admin/EasyCaptcha -->
  <dependency>
      <groupId>com.github.whvcse</groupId>
      <artifactId>easy-captcha</artifactId>
      <version>xxxx</version>
  </dependency>

二、请求图片验证码流程

  1. 生成验证码,easy-captcha工具类导入依赖后就能直接使用,无需进行配置
// 创建一个长130、宽48、验证码长度为4的图片验证码
SpecCaptcha specCaptcha = new SpecCaptcha(130, 48, 4);
  1. 将生成的验证码存储到redis中
// 获取生成的验证码内容,作为value存储在redis中
String value = specCaptcha.text().toLowerCase();
// 生成一个UUID,统一拼接一个前缀(admin:login:),标准不唯一。作为存储的value的key
String key = "admin:login:" + UUID.randomUUID();
// 存储到redis中,设置60秒过期
stringRedisTemplate.opsForValue().set(key, value, 60, TimeUnit.SECONDS);
  1. 返回(生成的验证码图片的base64编码)和(其存储在redis的key)。后续的登录操作中,前端需要输入验证码以及后端返回的key来判断验证码是否输入正确。
// 返回(生成的验证码图片的base64编码)和(其存储在redis的key)
return new CaptchaVo(specCaptcha.toBase64(), key);

代码汇总

  @Override
  public CaptchaVo getCaptcha() {
      // 创建验证码
      SpecCaptcha specCaptcha = new SpecCaptcha(130, 48, 4);
      // 获取生成的验证码内容,作为value存储在redis中
      String value = specCaptcha.text().toLowerCase();
      // 生成一个UUID,作为value存储在key中,这里统一拼接一个前缀(admin:login:)
      String key = RedisConstant.ADMIN_LOGIN_PREFIX + UUID.randomUUID();
      // 存储到redis中,设置60秒过期
      stringRedisTemplate.opsForValue().set(key, value, RedisConstant.ADMIN_LOGIN_CAPTCHA_TTL_SEC, TimeUnit.SECONDS);
      // 返回验证码图片的base64编码和key
      return new CaptchaVo(specCaptcha.toBase64(), key);
  }
  1. 接口返回示例

在这里插入图片描述

  1. 效果如下
    在这里插入图片描述
  • 5
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值