SpringBoot中使用kaptcha获取验证码

桃扇骨 2022-05-18 08:46 220阅读 0赞

## 后端代码 ##

①pom.xml中配置依赖

<table> 
 <tbody> 
 <tr> 
 <td>&lt;dependency&gt; &nbsp; &lt;groupId&gt;com.github.penggle&lt;/groupId&gt; &nbsp; &lt;artifactId&gt;kaptcha&lt;/artifactId&gt; &nbsp; &lt;version&gt;2.3.2&lt;/version&gt; &lt;/dependency&gt;</td> 
 </tr> 
 </tbody> 
</table>

②配置验证码Kaptcha相关设置

<table> 
 <tbody> 
 <tr> 
 <td>/** &nbsp;* 配置验证码Kaptcha相关设置 &nbsp;* &nbsp;* @author sun &nbsp;* @create 2018/7/14 &nbsp;* @since v1.0.0 &nbsp;*/ @Configuration public class CaptchaConfig { &nbsp; &nbsp; @Bean(name="captchaProducer") &nbsp; &nbsp; public DefaultKaptcha getKaptchaBean(){ &nbsp; &nbsp; &nbsp; &nbsp; DefaultKaptcha defaultKaptcha=new DefaultKaptcha(); &nbsp; &nbsp; &nbsp; &nbsp; Properties properties=new Properties(); &nbsp; &nbsp; &nbsp; &nbsp; properties.setProperty("kaptcha.border", "no"); &nbsp; &nbsp; &nbsp; &nbsp; properties.setProperty("kaptcha.border.color", "105,179,90"); &nbsp; &nbsp; &nbsp; &nbsp; properties.setProperty("kaptcha.textproducer.font.color", "blue"); &nbsp; &nbsp; &nbsp; &nbsp; properties.setProperty("kaptcha.image.width", "100"); &nbsp; &nbsp; &nbsp; &nbsp; properties.setProperty("kaptcha.image.height", "41"); &nbsp; &nbsp; &nbsp; &nbsp; properties.setProperty("kaptcha.session.key", "code"); &nbsp; &nbsp; &nbsp; &nbsp; properties.setProperty("kaptcha.textproducer.char.length", "4"); &nbsp; &nbsp; &nbsp; &nbsp; properties.setProperty("kaptcha.textproducer.font.names", "宋体,楷体,微软雅黑"); &nbsp; &nbsp; &nbsp; &nbsp; properties.setProperty("kaptcha.textproducer.char.string", "0123456789"); &nbsp; &nbsp; &nbsp; &nbsp; properties.setProperty("kaptcha.noise.impl", "com.google.code.kaptcha.impl.NoNoise"); &nbsp; &nbsp; &nbsp; &nbsp; Config config=new Config(properties); &nbsp; &nbsp; &nbsp; &nbsp; defaultKaptcha.setConfig(config); &nbsp; &nbsp; &nbsp; &nbsp; return defaultKaptcha; &nbsp; &nbsp; } }</td> 
 </tr> 
 </tbody> 
</table>

③后台提供前台调用的controller

<table> 
 <tbody> 
 <tr> 
 <td> /** &nbsp;* login 对外提供登录接口 &nbsp;* &nbsp;* @author sun &nbsp;* @create 2018/7/11 &nbsp;* @since v1.0.0 &nbsp;*/ @RestController @RequestMapping("/auth") public class LoginController extends BaseController { &nbsp;&nbsp; &nbsp; &nbsp; &nbsp; @Autowired &nbsp; &nbsp; private DefaultKaptcha captchaProducer; &nbsp; &nbsp; @Autowired &nbsp; &nbsp; private RedisManager redis; &nbsp; &nbsp; @Value("${auth.image.exTime}") &nbsp; &nbsp; private String exTime; &nbsp; &nbsp; /** &nbsp; &nbsp; &nbsp;* 获取页面验证码 &nbsp; &nbsp; &nbsp;* @return &nbsp; &nbsp; &nbsp;* @throws Exception &nbsp; &nbsp; &nbsp;*/ &nbsp; &nbsp; @RequestMapping(value = "/authCode/images") &nbsp; &nbsp; public ModelAndView getImage() throws Exception { &nbsp; &nbsp; &nbsp; &nbsp; response.setDateHeader("Expires", 0); &nbsp; &nbsp; &nbsp; &nbsp; response.setHeader("Cache-Control", "no-store, no-cache, must-revalidate"); &nbsp; &nbsp; &nbsp; &nbsp; response.addHeader("Cache-Control", "post-check=0, pre-check=0"); &nbsp; &nbsp; &nbsp; &nbsp; response.setHeader("Pragma", "no-cache"); &nbsp; &nbsp; &nbsp; &nbsp; response.setContentType("image/jpeg"); &nbsp; &nbsp; &nbsp; &nbsp; String capText = captchaProducer.createText(); &nbsp; &nbsp; &nbsp; &nbsp; logger.info("/authCode/images getImage 验证码={}", capText); &nbsp; &nbsp; &nbsp; &nbsp; String uuID = StringUtil.getUUID(); &nbsp; &nbsp; &nbsp; &nbsp; HttpSession session = request.getSession(); &nbsp; &nbsp; &nbsp; &nbsp; session.setAttribute("login_images_uuId", uuID); &nbsp; &nbsp; &nbsp; &nbsp; logger.info("/authCode/images getImage 设置session &nbsp; -----------"); &nbsp; &nbsp; &nbsp; &nbsp; logger.info("/authCode/images getImage 将图片验证码存入session ,capText={}", capText); &nbsp; &nbsp; &nbsp; &nbsp; redis.set(RedisConstant.REDIS_KEY + uuID, capText, Long.parseLong(exTime)); &nbsp; &nbsp; &nbsp; &nbsp; BufferedImage bi = captchaProducer.createImage(capText); &nbsp; &nbsp; &nbsp; &nbsp; ServletOutputStream out = response.getOutputStream(); &nbsp; &nbsp; &nbsp; &nbsp; ImageIO.write(bi, "jpg", out); &nbsp; &nbsp; &nbsp; &nbsp; try { &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; out.flush(); &nbsp; &nbsp; &nbsp; &nbsp; } finally { &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; logger.info("/authCode/images 获取登录验证码 End "); &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; out.close(); &nbsp; &nbsp; &nbsp; &nbsp; } &nbsp; &nbsp; &nbsp; &nbsp; return null; &nbsp; &nbsp; } } &nbsp; </td> 
 </tr> 
 </tbody> 
</table>

## 测试效果 ##

![70][]

[70]: /images/20220518/762224fcf8ea422b9c70f05282f0dae8.png