spring boot 集成Kaptcha 验证码

最新推荐文章于 2023-04-18 18:18:49 发布

原创最新推荐文章于 2023-04-18 18:18:49 发布 · 510 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#springboot #kaptcha #验证码

spring boot 专栏收录该内容

5 篇文章

订阅专栏

本文介绍如何使用 Kaptcha 库生成图形验证码，并实现验证码的验证过程。包括配置验证码属性、创建验证码图片、将验证码存储在 session 中及前端展示等步骤。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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

@Component
public class KaptchaConfiguration {

    @Bean
    public DefaultKaptcha getDefaultKaptcha() {
        com.google.code.kaptcha.impl.DefaultKaptcha defaultKaptcha = new com.google.code.kaptcha.impl.DefaultKaptcha();
        Properties properties = new Properties();
        properties.setProperty("kaptcha.border", "yes");
        properties.setProperty("kaptcha.border.color", "105,179,90");
        properties.setProperty("kaptcha.textproducer.font.color", "black");
        properties.setProperty("kaptcha.image.width", "110");
        properties.setProperty("kaptcha.image.height", "40");
        properties.setProperty("kaptcha.textproducer.font.size", "30");
        properties.setProperty("kaptcha.session.key", "code");
        properties.setProperty("kaptcha.textproducer.char.length", "4");
        properties.setProperty("kaptcha.textproducer.font.names", "宋体,楷体,微软雅黑");
        Config config = new Config(properties);
        defaultKaptcha.setConfig(config);
        return defaultKaptcha;
    }

@Controller
public class KaptchaController {

    @Autowired
    private DefaultKaptcha defaultKaptcha;

    @RequestMapping("/kaptcha")
    public String getkaptchaHtml() {
        return "kaptcha";
    }

    @RequestMapping("/kaptchaImage")
    public void defaultKaptcha(HttpServletRequest httpServletRequest, HttpServletResponse httpServletResponse) throws Exception {
        byte[] captchaChallengeAsJpeg = null;
        ByteArrayOutputStream jpegOutputStream = new ByteArrayOutputStream();
        try {
            //生产验证码字符串并保存到session中
            String createText = defaultKaptcha.createText();
            httpServletRequest.getSession().setAttribute("code", createText);
            //使用生产的验证码字符串返回一个BufferedImage对象并转为byte写入到byte数组中
            BufferedImage challenge = defaultKaptcha.createImage(createText);
            ImageIO.write(challenge, "jpg", jpegOutputStream);
        } catch (IllegalArgumentException e) {
            httpServletResponse.sendError(HttpServletResponse.SC_NOT_FOUND);
            return;
        }

        //定义response输出类型为image/jpeg类型，使用response输出流输出图片的byte数组
        captchaChallengeAsJpeg = jpegOutputStream.toByteArray();
        httpServletResponse.setHeader("Cache-Control", "no-store");
        httpServletResponse.setHeader("Pragma", "no-cache");
        httpServletResponse.setDateHeader("Expires", 0);
        httpServletResponse.setContentType("image/jpeg");
        ServletOutputStream responseOutputStream =
                httpServletResponse.getOutputStream();
        responseOutputStream.write(captchaChallengeAsJpeg);
        responseOutputStream.flush();
        responseOutputStream.close();
    }

    @RequestMapping("/checkCodeByKaptcha")
    public ModelAndView checkCodeByKaptcha(HttpServletRequest httpServletRequest, HttpServletResponse httpServletResponse) {
        ModelAndView andView = new ModelAndView();
        String captchaId = (String) httpServletRequest.getSession().getAttribute("code");
        String parameter = httpServletRequest.getParameter("code");
        System.out.println("Session  code " + captchaId + " form code " + parameter);
        if (!captchaId.equals(parameter)) {
            andView.addObject("info", "错误的验证码");
            andView.setViewName("index");//返回的页面
        } else {
            andView.addObject("info", "登录成功");
            andView.setViewName("Shiro");//返回的页面
        }
        return andView;
    }

}

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8"/>
    <title>hello</title>
</head>
<body>
<div>
    <!-- <img alt="这是图片" src="/img/001.png"/> -->
    <img alt="验证码" style="cursor: pointer" onclick="this.src='/kaptchaImage?d='+new Date()*1" src="/kaptchaImage"/>
</div>
<form action="checkCodeByKaptcha">
    <input type="text" name="code"/>
    <input type="submit" value="提交"/>
</form>
</body>
</html>