验证码生成之Captcha(接上篇博客)

新项目使用Captcha生成验证码,通过UUID作为key存储在redis中并设置超时时间,解决了JCaptcha可能造成的内存浪费问题。JCaptcha依赖sessionId存储在map中,适合单机session管理,而Captcha适用于集群和各种会话管理技术。
摘要由CSDN通过智能技术生成

验证码生成之Captcha(接上篇博客)
今天看了下新项目中验证码的生成,主要是想知道和旧版本项目的区别。
新项目中验证码的生成使用了Captcha,上代码一步步看
一、验证码的生成
在这里插入图片描述
在这里插入图片描述
前端Vue发起生成验证码的请求,后端代码中使用SpecCaptcha直接生成四位数的验证码,以UUID为key,以验证码为value,设置超时时间,存储到redis中,并将验证码、key返回给前端。
二、验证码的校验
在这里插入图片描述
在这里插入图片描述
前端提交表单,后台接收到key以及页面用户输入的验证码,通过key从redis中获取到对应的验证码,若验证码为空,则验证码超时,若不为空,再与页面输入的验证码进行比较,判断验证码是否输入正确。

三、整体的逻辑就是:以UUID为key,以验证码为value,设置超时时间存储到redis中,校验验证码时再通过key拿到验证码,与页面输入的值进行比较。
上篇博客提到使用JCaptcha生成的验证码,在一定场景下会造成内存的浪费,因为一些验证码不校验的话,会一直存在map中,而将验证码存储在redis中,就解决了这个问题,即使验证码没有被使用,超过超时时间也会被删除。
四、JCaptcha与Captcha的区别
1.JCaptcha将验证码以sessionId为key存储到了map中,适用于单机模式下的项目,并且项目的会话管理使用的要是session,如果使用其他会话管理技术,比如:JWT,不会有sessionId产生,则JCaptcha不适用。
2.Captcha即适用于集群也适用于单机模式下,并且不依赖于使用的会话管理技术。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
在 Koa2 中使用 svg-captcha 生成验证码可以按照以下步骤进行: 1. 安装 svg-captcha 和 koa-svgrouter 模块 ```bash npm install svg-captcha koa-svgrouter --save ``` 2. 在 Koa2 应用中引入相关模块 ```javascript const Koa = require('koa'); const Router = require('koa-router'); const svgrouter = require('koa-svgrouter'); const svgCaptcha = require('svg-captcha'); const app = new Koa(); const router = new Router(); ``` 3. 设置路由,生成验证码 ```javascript router.get('/captcha', async (ctx, next) => { const captcha = svgCaptcha.create(); ctx.session.captcha = captcha.text; ctx.type = 'svg'; ctx.body = captcha.data; }); ``` 4. 添加 SVG 路由 ```javascript app.use(svgrouter('/captcha/:id', { useSession: true, sessionName: 'captcha' })); ``` 5. 在需要使用验证码的地方,可以通过如下代码获取验证码图片 ```html <img src="/captcha/1" /> ``` 注意,上述代码中的数字 1 是路由参数,可以自行设置。 6. 验证验证码 在需要验证验证码的地方,可以通过如下代码获取用户输入的验证码,并与之前生成验证码进行比较。 ```javascript const userCaptcha = ctx.request.body.captcha; if (userCaptcha.toLowerCase() === ctx.session.captcha.toLowerCase()) { // 验证码输入正确 } else { // 验证码输入错误 } ``` 以上就是使用 svg-captcha 生成验证码的基本步骤。需要注意的是,在生成验证码和验证验证码时都需要使用到 Koa2 的 session 功能,因此需要在应用中添加相关中间件。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值