美文网首页
如何使用开源的图形验证🐴组件Kaptcha

如何使用开源的图形验证🐴组件Kaptcha

作者: 木果渣 | 来源:发表于2018-04-17 22:42 被阅读0次
     接触的上一个项目,图片验证码的生成规则是自己实现的,被安全部门的同事吐槽说看起来太简单,于是修修补补改了字体扭曲干扰样式,在看起来特别丑的情况下终于是没那么好辨认了┭┮﹏┭┮,当然之后还有一系列惨痛是修复安全漏洞的经历(′д` )。其实我真的觉得,这种东西还是用组件吧,如果是后端直接传图片验证码给前端这种。当然你也可以后台把字符码加密给前端,让前端的同事自己写样式,想要多好看就有多好看。
    

    引用的包

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

    我是用的springBoot,有两种写法,只是配置方式不一样而已。
    1.加注解,记得在启动类加
    @EnableAutoConfiguration
    @ComponentScan

    //配置类
    @Configuration
    public class KaptchaConfig {
        @Bean(name="kaptchaProducer")
        public DefaultKaptcha getKaptchaBean(){
            DefaultKaptcha defaultKaptcha=new 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", "125");
            properties.setProperty("kaptcha.image.height", "45");
            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
    @RequestMapping("/code")
    public class KaptchaController {
        @Autowired
        private Producer kaptchaProducer;
    
        @GetMapping("/getKaptchaImage")
        public void getKaptchaImage(HttpServletRequest request, HttpServletResponse response) throws Exception {
    
            response.setDateHeader("Expires", 0);
    
            // Set standard HTTP/1.1 no-cache headers.
            response.setHeader("Cache-Control", "no-store, no-cache, must-revalidate");
            // Set IE extended HTTP/1.1 no-cache headers (use addHeader).
            response.addHeader("Cache-Control", "post-check=0, pre-check=0");
            // Set standard HTTP/1.0 no-cache header.
            response.setHeader("Pragma", "no-cache");
            // return a jpeg
            response.setContentType("image/jpeg");
            // create the text for the image
            String capText = kaptchaProducer.createText();
            // store the text in the session
            //request.getSession().setAttribute(Constants.KAPTCHA_SESSION_KEY, capText);
            //将验证码存到session
            request.getSession().setAttribute(Constants.KAPTCHA_SESSION_KEY, capText);
            System.out.println(capText);
            // create the image with the text
            BufferedImage bi = kaptchaProducer.createImage(capText);
            ServletOutputStream out = response.getOutputStream();
            File f = new File("d:\\aa.jpg");
            FileOutputStream fileOutputStream = new FileOutputStream(f);
            ImageIO.write(bi, "jpg", out);
            ImageIO.write(bi, "jpg", fileOutputStream);
            try {
                out.flush();
                fileOutputStream.flush();
            } finally {
                out.close();
                fileOutputStream.close();
            }
        }
    }
    

    2.使用xml,记得在启动类上加注解
    @ImportResource(locations={"classpath:mykaptcha.xml"})

    mykaptcha.xml
    <?xml version="1.0" encoding="UTF-8"?>
    <beans xmlns="http://www.springframework.org/schema/beans"
           xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
           xsi:schemaLocation="http://www.springframework.org/schema/beans
            http://www.springframework.org/schema/beans/spring-beans.xsd">
        <bean id="captchaProducer" class="com.google.code.kaptcha.impl.DefaultKaptcha">
            <property name="config">
                <bean class="com.google.code.kaptcha.util.Config">
                    <constructor-arg type="java.util.Properties">
                        <props>
                            <!--是否有图片边框-->
                            <prop key="kaptcha.border ">yes</prop>
                            <!--边框颜色-->
                            <prop key="kaptcha.border.color">105,179,90</prop>
                            <!--边框厚度-->
                            <prop key="kaptcha.border.thickness">2</prop>
                            <!--字体颜色 rgb或者white。。。-->
                            <prop key="kaptcha.textproducer.font.color">black</prop>
                            <!--图片宽-->
                            <prop key="kaptcha.image.width">100</prop>
                            <!--图片高-->
                            <prop key="kaptcha.image.height">50</prop>
                            <!--图片实现类-->
                            <prop key="kaptcha.producer.impl">com.google.code.kaptcha.impl.DefaultKaptcha</prop>
                            <!--文本实现类-->
                            <prop key="kaptcha.textproducer.impl">com.google.code.kaptcha.text.impl.DefaultTextCreator</prop>
                            <!--字体大小-->
                            <prop key="kaptcha.textproducer.font.size">27</prop>
                            <!--session key-->
                            <prop key="kaptcha.session.key">code</prop>
                            <!--session date-->
                            <prop key="kaptcha.session.date">KAPTCHA_SESSION_DATE</prop>
                            <!--验证码长度-->
                            <prop key="kaptcha.textproducer.char.length">4</prop>
                            <!--字体集合-->
                            <prop key="kaptcha.textproducer.font.names">宋体,楷体,微软雅黑</prop>
                            <!--文本集合-->
                            <prop key="kaptcha.textproducer.char.string">0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZ</prop>
                            <!--图片样式
                            水纹com.google.code.kaptcha.impl.WaterRipple
                            鱼眼com.google.code.kaptcha.impl.FishEyeGimpy
                            阴影com.google.code.kaptcha.impl.ShadowGimpy-->
                            <prop key="kaptcha.obscurificator.impl">com.google.code.kaptcha.impl.WaterRipple</prop>
                            <!--干扰颜色-->
                            <!--<prop key="kaptcha.noise.color">black</prop>-->
                            <!--干扰实现类-->
                            <prop key="kaptcha.noise.impl">com.google.code.kaptcha.impl.NoNoise</prop>
                            <!--<prop key="kaptcha.noise.impl">com.google.code.kaptcha.impl.DefaultNoise</prop>-->
                            <!--背景颜色渐变开始颜色-->
                            <prop key="kaptcha.background.clear.from">white</prop>
                            <!--背景颜色渐变结束颜色-->
                            <prop key="kaptcha.background.clear.to">white</prop>
                            <!--文字间隔-->
                            <prop key="kaptcha.textproducer.char.space">5</prop>
                            <!--背景实现类-->
                            <prop key="kaptcha.background.impl">com.google.code.kaptcha.impl.DefaultBackground</prop>
                            <!--文字渲染器-->
                            <!--<prop key="kaptcha.word.impl">com.google.code.kaptcha.text.impl.DefaultWordRenderer</prop>-->
                        </props>
                    </constructor-arg>
                </bean>
            </property>
        </bean>
    </beans>
    

    相关文章

      网友评论

          本文标题:如何使用开源的图形验证🐴组件Kaptcha

          本文链接:https://www.haomeiwen.com/subject/ishmkftx.html