若依 容器部署 验证码 若依框架验证码

本篇文章记录自己学习若依框架业务开发逻辑的笔记

        当我在运行若依项目时，会首先进入到项目的登录界面，但是登陆界面的验证码验证功能在我以往的学习中并未接触过。因此，写下这篇文章记载学习下大佬的开发逻辑。

通过对ruoyi-ui前端模块的分析，我们能够发现，项目先通过url请求前端路径

http://localhost/dev-api/captchaImag

进行代理

 然后在vue.config.js中将路径重写，把dev-api重写为' ',然后映射给后端8080端口，解决跨域问题，因此后端得到的路径为http://localhost:8080/captchaImag，所以下一步，我们直接去ruoyi-admin模块下寻找captchaImag,看看这里的代码逻辑。

快捷寻找方法：

一、ctrl+shift+ F或者右键+在文件中查找

二、将captchaImag输入搜索款可直接定位至其映射下

于是我们找到了

@GetMapping("/captchaImage")

这个映射。

这个映射请求的是

public AjaxResult getCode(HttpServletResponse response) throws IOException

这个方法

 在这个方法中第一步，他通过三层嵌套创建了一个AjaxResult对象

AjaxResult ajax = AjaxResult.success();

因为他的最终一层嵌套返回的是AjaxResult对象

return new AjaxResult(HttpStatus.SUCCESS, msg, data);

这个对象实际就是后台给前端返回的一个模型。包含了状态，信息，数据三个信息。

后台给前端传的数据都装在ajax中。

 然后

boolean captchaEnabled = configService.selectCaptchaEnabled();

获取验证码开关传给catchaEnabled

/**
     * 获取验证码开关
     * 
     * @return true开启，false关闭
     */
    public boolean selectCaptchaEnabled();

 如果获取到验证码开关为关闭(即传给catchaEnabled参数为false)

则直接将ajax返回，该方法结束

if (!captchaEnabled)
        {
            return ajax;
        }

若开关为开启(即传给catchaEnabled参数为true)则继续执行后面代码

// 保存验证码信息
        String uuid = IdUtils.simpleUUID();
        String verifyKey = CacheConstants.CAPTCHA_CODE_KEY + uuid;//验证关键
        String capStr = null, code = null;
        BufferedImage image = null;

uuid用来保存验证码答案，最后和用户输入的信息进行对比判断

verifyKey是验证的关键，他将一个常量

和uuid拼接在一起，保存在redis的一个key里面

在注释//生成验证码后面的这些代码便是验证码发挥作用的核心

// 生成验证码
        String captchaType = RuoYiConfig.getCaptchaType();
        if ("math".equals(captchaType))
        {
            String capText = captchaProducerMath.createText();
            capStr = capText.substring(0, capText.lastIndexOf("@"));
            code = capText.substring(capText.lastIndexOf("@") + 1);
            image = captchaProducerMath.createImage(capStr);
        }
        else if ("char".equals(captchaType))
        {
            capStr = code = captchaProducer.createText();
            image = captchaProducer.createImage(capStr);
        }

        redisCache.setCacheObject(verifyKey, code, Constants.CAPTCHA_EXPIRATION, TimeUnit.MINUTES);
        // 转换流信息写出
        FastByteArrayOutputStream os = new FastByteArrayOutputStream();
        try
        {
            ImageIO.write(image, "jpg", os);
        }
        catch (IOException e)
        {
            return AjaxResult.error(e.getMessage());
        }

        ajax.put("uuid", uuid);
        ajax.put("img", Base64.encode(os.toByteArray()));
        return ajax;

我们通过断点进行分析

我们发现，这里的capText保存的是  6-2=？@4 

往后走

capStr保存capText被@分割后的前半部分内容，即 6-2=? 

再往下走

code保存 capText被@分割后的后半部分内容，即正确答案:4

将capText信息分割完毕并分别存储于capStr和code变量后继续往下走

redisCache.setCacheObject(verifyKey, code, Constants.CAPTCHA_EXPIRATION, TimeUnit.MINUTES);

这行代码将verifyKey和code的值存入redis ,后面的CAPTCHA_EXPIPATION和TimeUnit.MINUTES传给redis的数据分别是2和minutes,表示传给redis的verifyKey和code的值的有效期为2分钟。

我们接着往下走即可证明：

当我们往下走

 

即可看到redis中多了一个键

 

TTL:98代表验证码还有98秒过期

 然后后面代码将capStr的内容写成图片，然后将uuid和图片存入ajax中，然后返回ajax，最后反馈给前端。