关于spring-security:Spring-Cloud-Spring-Security实践五-整合验证码功能

24次阅读

共计 2946 个字符，预计需要花费 8 分钟才能阅读完成。

此处应用 kaptcha 依赖实现图形验证码校验性能

<dependency>
    <groupId>com.github.penggle</groupId>
    <artifactId>kaptcha</artifactId>
    <version>2.3.2</version>
</dependency>

配置 kaptcha 实例

@Bean
public Producer captcha() {
    // 配置图形验证码的基本参数
 Properties properties = new Properties();
    // 图片宽度
 properties.setProperty("kaptcha.image.width", "150");
    // 图片长度
 properties.setProperty("kaptcha.image.height", "50");
    // 字符集
 properties.setProperty("kaptcha.textproducer.char.string", "0123456789");
    // 字符长度
 properties.setProperty("kaptcha.textproducer.char.length", "4");
    Config config = new Config(properties);
    // 应用默认的图形验证码实现，当然也能够自定义实现
 DefaultKaptcha defaultKaptcha = new DefaultKaptcha();
    defaultKaptcha.setConfig(config);
    return defaultKaptcha;
}

配置 kaptcha 路由

@Controller
public class CaptchaController {
    @Autowired
    private Producer captchaProducer;
    @GetMapping("/captcha.jpg")
    public void getCaptcha(HttpServletRequest request, HttpServletResponse response) throws IOException {
        // 设置内容类型
        response.setContentType("image/jpeg");
        // 创立验证码文本
        String capText = captchaProducer.createText();
        // 将验证码文本设置到 session
        request.getSession().setAttribute("captcha", capText);
        // 创立验证码图片
        BufferedImage bi = captchaProducer.createImage(capText);
        // 获取响应输入流
        ServletOutputStream out = response.getOutputStream();
        // 将图片验证码数据写到响应输入流
        ImageIO.write(bi, "jpg", out);
        // 推送并敞开响应输入流
        try {out.flush();
        } finally {out.close();
        }
    }
}

在 security config 办法中对所有 kaptcha 申请放行
```
.antMatchers("/app/api/**", "/captcha.jpg").permitAll()
```

security 的 过滤器链 示意所有的过滤器性能，（Security 全局配置中的 HttpSecurity 即示意配置了一个过滤器链）。诸如 CSRF、formLogin 等等。每一项 httpsecurity 的配置即示意一个过滤器链中的过滤器配置。

这里波及到的是，在 Security 框架提供的过滤器之外，自定义的过滤器。
留神：第七行需改成我的项目对应的 login 路由。

public class VerificationCodeFilter extends OncePerRequestFilter {
    
    @Override
    protected void doFilterInternal(HttpServletRequest httpServletRequest, HttpServletResponse httpServletResponse, FilterChain filterChain) throws ServletException, IOException {System.out.println("into filter");
        // 非登录申请不校验验证码
        if (!"/customlogin".equals(httpServletRequest.getRequestURI())) {filterChain.doFilter(httpServletRequest, httpServletResponse);
        } else {verificationCode(httpServletRequest);
            filterChain.doFilter(httpServletRequest, httpServletResponse);
        }
    }
    public void verificationCode (HttpServletRequest httpServletRequest) throws VerificationCodeException {String requestCode = httpServletRequest.getParameter("captcha");
        HttpSession session = httpServletRequest.getSession();
        String savedCode = (String) session.getAttribute("captcha");
        System.out.println("--->" + savedCode);
        if (!StringUtils.isEmpty(savedCode)) {
            // 顺手革除验证码，不论是失败还是胜利，所以客户端应在登录失败时刷新验证码
        session.removeAttribute("captcha");
        }
        // 校验不通过抛出异样
        if (StringUtils.isEmpty(requestCode) || StringUtils.isEmpty(savedCode) || !requestCode.equals(savedCode)) {throw new VerificationCodeException();
        }
    }
}

抛出的异样：

public class VerificationCodeException extends AuthenticationException {public VerificationCodeException () {super("图形验证码校验失败");
    }
}

表单中增加以下内容即可

<div>
    <!-- 新增图形验证码的输入框 -->
    <input type="text" name="captcha" placeholder="captcha" />
    <!-- 图片指向图形验证码 API -->
    <img src="/captcha.jpg" alt="captcha" height="50px" width="150px" style="margin-left: 20px;">
</div>

正文完