简介

这里就一句话说明了哈，并能找到这里，都是知道这个是要干嘛的了。kaptcha是谷歌开源的简单实用的验证码生成工具。

项目源码

项目工程源码路径，spring-boot-demo/boot-captcha-kaptchaatmain·Wayfreem/spring-boot-demo·GitHub，可以结合源码来看。

项目工程截图

项目搭建

第一步：引入依赖包

关于依赖啊，这里我要说明下，在我看有些博客上面说引入包的时候，说的另外的一个包地址，我就觉很奇怪，还特地去查了下。

maven仓库

最后呢，我在ruoyi框架的源码下面看到这个引用，并且这个没有显示Vulnerabilities(漏洞)，那就用这个吧。

!--kaptcha依赖包--/groupIdartifactIdkaptcha//version/depency

第二步：增加配置文件

这里增加配置文件是为了方便于切换验证码格式

这个可以选择math或者=char

第三步：增加配置类

Kaptcha是支持两种方式的验证码一种是计算类的配置文件设置为math，一种就是常规的方式配置文件设置为char

@ConfigurationpublicclassKaptchaConfig{@Bean(name="captchaProducer")publicDefaultKaptchagetKaptchaBean(){DefaultKaptchadefaultKaptcha=newDefaultKaptcha();Propertiesproperties=newProperties();//是否有边框默认为true我们可以自己设置yes，(KAPTCHA_BORDER,"yes");//验证码文本字符颜色默认为(KAPTCHA_TEXTPRODUCER_FONT_COLOR,"black");//验证码图片宽度默认为200(KAPTCHA_IMAGE_WIDTH,"160");//验证码图片高度默认为50(KAPTCHA_IMAGE_HEIGHT,"60");//验证码文本字符大小默认为40(KAPTCHA_TEXTPRODUCER_FONT_SIZE,"38");//KAPTCHA_SESSION_(KAPTCHA_SESSION_CONFIG_KEY,"kaptchaCode");//验证码文本字符长度默认为5(KAPTCHA_TEXTPRODUCER_CHAR_LENGTH,"4");//验证码文本字体样式默认为newFont("Arial",1,fontSize),newFont("Courier",1,fontSize)(KAPTCHA_TEXTPRODUCER_FONT_NAMES,"Arial,Courier");//图片样式水纹鱼眼阴影(KAPTCHA_OBSCURIFICATOR_IMPL,"");Configconfig=newConfig(properties);(config);returndefaultKaptcha;}@Bean(name="captchaProducerMath")publicDefaultKaptchagetKaptchaBeanMath(){DefaultKaptchadefaultKaptcha=newDefaultKaptcha();Propertiesproperties=newProperties();//是否有边框默认为true我们可以自己设置yes，(KAPTCHA_BORDER,"yes");//边框颜色默认为(KAPTCHA_BORDER_COLOR,"105,179,90");//验证码文本字符颜色默认为(KAPTCHA_TEXTPRODUCER_FONT_COLOR,"blue");//验证码图片宽度默认为200(KAPTCHA_IMAGE_WIDTH,"160");//验证码图片高度默认为50(KAPTCHA_IMAGE_HEIGHT,"60");//验证码文本字符大小默认为40(KAPTCHA_TEXTPRODUCER_FONT_SIZE,"35");//KAPTCHA_SESSION_(KAPTCHA_SESSION_CONFIG_KEY,"kaptchaCodeMath");//验证码文本生成器这里需要修改为自己的KaptchaTextCreator路径(KAPTCHA_TEXTPRODUCER_IMPL,"");//验证码文本字符间距默认为2(KAPTCHA_TEXTPRODUCER_CHAR_SPACE,"3");//验证码文本字符长度默认为5(KAPTCHA_TEXTPRODUCER_CHAR_LENGTH,"6");//验证码文本字体样式默认为newFont("Arial",1,fontSize),newFont("Courier",1,fontSize)(KAPTCHA_TEXTPRODUCER_FONT_NAMES,"Arial,Courier");//验证码噪点颜色默认为(KAPTCHA_NOISE_COLOR,"white");//干扰实现类(KAPTCHA_NOISE_IMPL,"");//图片样式水纹鱼眼阴影(KAPTCHA_OBSCURIFICATOR_IMPL,"");Configconfig=newConfig(properties);(config);returndefaultKaptcha;}}

第四步：增加验证码文本生成器

publicclassKaptchaTextCreatorextsDefaultTextCreator{privatestaticfinalString[]CNUMBERS="0,1,2,3,4,5,6,7,8,9,10".split(",");@OverridepublicStringgetText(){Integerresult=0;Randomrandom=newRandom();intx=(10);inty=(10);StringBuildersuChinese=newStringBuilder();intrandomOperands=(3);if(randomOperands==0){result=x*y;(CNUMBERS[x]);("*");(CNUMBERS[y]);}elseif(randomOperands==1){if((x!=0)y%x==0){result=y/x;(CNUMBERS[y]);("/");(CNUMBERS[x]);}else{result=x+y;(CNUMBERS[x]);("+");(CNUMBERS[y]);}}else{if(x=y){result=x-y;(CNUMBERS[x]);("-");(CNUMBERS[y]);}else{result=y-x;(CNUMBERS[y]);("-");(CNUMBERS[x]);}}("=?@"+result);();}}

第五步：增加获取验证码的工具类

@ComponentpublicclassKaptchaUtil{@Value("${}")privateStringcaptchaType;@Resource(name="captchaProducer")privateProducercaptchaProducer;@Resource(name="captchaProducerMath")privateProducercaptchaProducerMath;/***获取验证码*@returnMap{"code":"进行验证的值","img":"base64格式的图片"}*/publicMapgetCaptcha(){//code是我们需要验证的值，可以放到缓存中方便于验证StringcapStr=null,code=null;BufferedImageimage=null;if("math".equals(captchaType)){StringcapText=();capStr=(0,("@"));code=(("@")+1);image=(capStr);}elseif("char".equals(captchaType)){capStr=code=();image=(capStr);}//转换流信息写出FastByteArrayOutputStreamos=newFastByteArrayOutputStream();try{(image,"jpg",os);}catch(IOExceptione){thrownewRuntimeException("获取验证码报错："+());}MapreslutMap=newHashMap();("code",code);("img",(()));returnreslutMap;}}

另外说明一点，由于Base64在当前的这个jdk版本中没有了，所以我偷下懒直接复制了一份出来，具体直接见源码。

第六步：增加一个controller便于http调用

@RestControllerpublicclassCaptchaController{@AutowiredprivateKaptchaUtilkaptchaUtil;@GetMapping("getCaptchaImage")publicMapgetCode(HttpServletRequestrequest){();}}

测试访问

通过浏览器访问http://localhost:8080/getCaptchaImage会得到base64的值，然后将base64的值放入到static\中的img标签中，通过浏览器访问就好了

测试

放入到html中去测试

!DOCTYPEhtmlhtmlheadmetacharset="utf-8"metaname="viewport"content="width=device-width,initial-scale=1"title`/title/headbodyimgsrc="data:image/jpg;base64,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"/body/html

验证码