Spring Boot之kaptcha图形验证码

上效果图：

 

具体实现：

 

  1：引入pom的maven依赖：

 

   

<!--图形验证码生成依赖-->
<dependency>
    <groupId>com.github.penggle</groupId>
    <artifactId>kaptcha</artifactId>
    <version>2.3.2</version>
</dependency>

2：java配置：

创建java类：KaptchaConfig

import com.google.code.kaptcha.impl.DefaultKaptcha;
import com.google.code.kaptcha.util.Config;
import java.util.Properties;
import org.springframework.context.annotation.Bean;
import org.springframework.stereotype.Component;

@Component
public class KaptchaConfig {

//第一种配置：此种配置图形混有干扰线
//    @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", "blue");
//        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;
//    }

//第二种配置：没有干扰线，就是上面的图片效果
    @Bean
    public DefaultKaptcha getDefaultKaptcha() {
        DefaultKaptcha defaultKaptcha = new DefaultKaptcha();
        Properties properties = new Properties();
        properties.setProperty("kaptcha.border", "no");
        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.char.string","23456789abcdefghkmnpqrstuvwxyzABCDEFGHKMNPRSTUVWXYZ");
        properties.setProperty("kaptcha.textproducer.font.size", "30");
        properties.setProperty("kaptcha.textproducer.char.space","3");
        properties.setProperty("kaptcha.session.key", "code");
        properties.setProperty("kaptcha.textproducer.char.length", "4");
        properties.setProperty("kaptcha.textproducer.font.names", "宋体,楷体,微软雅黑");
        // 这里 是去掉 噪点颜色
        //properties.setProperty("kaptcha.noise.color", "255,96,0");
        // 这是 是图片样式配置 原生的有三种 水纹 、 鱼眼 、 阴影
        // 这里是 我们自己实现的一个 也就是 样式自定义
        properties.setProperty("kaptcha.obscurificator.impl","com.huawei.ccop.boot.config.NoWaterRipple");
        // 配置使用原生的 无噪 实现类 NoNoise
        properties.setProperty("kaptcha.noise.impl","com.google.code.kaptcha.impl.NoNoise");
        Config config = new Config(properties);
        defaultKaptcha.setConfig(config);

        return defaultKaptcha;
    }
}
　　

 

注意：上面配置：com.huawei.ccop.boot.config.NoWaterRipple 这个是我自己自定义的类，主要是去掉干扰线，此类配置如下：

NoWaterRipple.java

import com.google.code.kaptcha.GimpyEngine;
import com.google.code.kaptcha.util.Configurable;

import java.awt.*;
import java.awt.image.BufferedImage;
import java.awt.image.ImageObserver;

public class NoWaterRipple extends Configurable implements GimpyEngine {
    public NoWaterRipple(){}

    @Override
    public BufferedImage getDistortedImage(BufferedImage baseImage) {
        //NoiseProducer noiseProducer = this.getConfig().getNoiseImpl();
        BufferedImage distortedImage = new BufferedImage(baseImage.getWidth(), baseImage.getHeight(), 2);
        Graphics2D graphics = (Graphics2D)distortedImage.getGraphics();
        //RippleFilter rippleFilter = new RippleFilter();
        //rippleFilter.setWaveType(0);
        //rippleFilter.setXAmplitude(2.6F);
        //rippleFilter.setYAmplitude(1.7F);
        //rippleFilter.setXWavelength(15.0F);
        //rippleFilter.setYWavelength(5.0F);
        //rippleFilter.setEdgeAction(0);
        //WaterFilter waterFilter = new WaterFilter();
        //waterFilter.setAmplitude(1.5F);
        //waterFilter.setPhase(10.0F);
        //waterFilter.setWavelength(2.0F);
        //BufferedImage effectImage = waterFilter.filter(baseImage, (BufferedImage)null);
        //effectImage = rippleFilter.filter(effectImage, (BufferedImage)null);
        graphics.drawImage(baseImage, 0, 0, (Color)null, (ImageObserver)null);
        graphics.dispose();
        //noiseProducer.makeNoise(distortedImage, 0.1F, 0.1F, 0.25F, 0.25F);
        //noiseProducer.makeNoise(distortedImage, 0.1F, 0.25F, 0.5F, 0.9F);
        return distortedImage;
    }
}

　　

3:配置类写好了，就写controller的实现代码，如下：

  3.1：首先必须自动注入该类：

 

 

  3.2：controller接口：（注意：此处我这边把生成的图形字符验证码是放入redis缓存，并且生成的图片是base64，那你们也可以不生成base64）

@GetMapping("/imageCode")
    public ApiResult defaultKaptcha() throws Exception {
        String base64String = "";
        String createText = defaultKaptcha.createText();
        log.info("生成的图形验证码==" + createText);

        BufferedImage challenge = defaultKaptcha.createImage(createText);
        ByteArrayOutputStream bos = new ByteArrayOutputStream();
        ImageIO.write(challenge, "PNG", bos);
        byte[] bytes = bos.toByteArray();
        Base64.Encoder encoder = Base64.getEncoder();
        base64String = encoder.encodeToString(bytes);

        String imageKey = UUID.randomUUID().toString().replace("-", ""); //这个uuid是生成返回给前端，并且通过key-value放入redis缓存，前端提交登录的时候，
         //会把这个uuid一并提交过来，我们后端通过这个uuid从redis取出来比较图形验证码是否正确
        
         //这里是使用loombok的形式set值，如果你们不喜欢，可以使用new对象，比如：ImageCode code=new ImageCode();code.setImageKey(imageKey);

ImageCode code = ImageCode.builder().imageKey(imageKey).imageCode("data:image/png;base64," + base64String).build(); log.info("生成的图形验证码==" + createText); log.info("生成的图形验设置的key==" + imageKey); //保存到redis:30秒 redisTemplate.opsForValue().set(imageKey, createText, Duration.ofSeconds(60)); //默认设置60秒过时 return ApiResult.ok(code); }

　　

如有不明白，可以直接添加作者微信：Y1141100952