此处应用kaptcha依赖实现图形验证码校验性能
引入依赖
<dependency> <groupId>com.github.penggle</groupId> <artifactId>kaptcha</artifactId> <version>2.3.2</version></dependency>Kaptcha 相干配置
配置kaptcha实例
@Beanpublic 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路由
@Controllerpublic 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>