快捷導(dǎo)航

Google?Kaptcha驗(yàn)證碼生成的使用實(shí)例說(shuō)明

更新時(shí)間：2022年03月08日 10:56:40 作者：kl

這篇文章主要為大家介紹了Google?Kaptcha驗(yàn)證碼的使用實(shí)例說(shuō)明，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪

Kaptcha是什么？

kaptcha 是谷歌開(kāi)源的非常實(shí)用的驗(yàn)證碼生成工具，基于SimpleCaptcha的開(kāi)源項(xiàng)目。使用Kaptcha 生成驗(yàn)證碼十分簡(jiǎn)單并且參數(shù)可以進(jìn)行自定義。只需添加jar包配置下就可以使用，通過(guò)配置，可以自己定義驗(yàn)證碼大小、顏色、顯示的字符等等。下面就來(lái)講一下如何使用kaptcha生成驗(yàn)證碼以及在服務(wù)器端取出驗(yàn)證碼進(jìn)行校驗(yàn)。

怎么使用Kaptcha？

1.首先下載jar包

要項(xiàng)目使用Kaptcha肯定要依賴kaptcha的jar，maven項(xiàng)目的話直接加入如下依賴，非maven項(xiàng)目就自己下載jar包吧

<dependency>
<groupId>com.github.axet</groupId>
<artifactId>kaptcha</artifactId>
<version>0.0.9</version>
</dependency>

官方下載鏈接：https://code.google.com/archive/p/kaptcha/downloads，當(dāng)然你得翻墻哈

2.配置kaptcha

以項(xiàng)目使用spring為例，配置一個(gè)默認(rèn)的Kaptcha的bean，如下

<bean id="captchaProducer" class="com.google.code.kaptcha.impl.DefaultKaptcha" scope="singleton">
	    <property name="config">
	        <bean class="com.google.code.kaptcha.util.Config">
	            <constructor-arg>
	                <props>
	                	<prop key="kaptcha.session.key">kaptcha.code</prop>  
	                	<!-- 無(wú)邊框 -->
	                    <prop key="kaptcha.border">no</prop>
	                    <prop key="kaptcha.textproducer.font.color">black</prop>
	                    <!-- 渲染效果：水紋：WaterRipple；魚眼：FishEyeGimpy；陰影：ShadowGimpy -->
	                    <prop key="kaptcha.obscurificator.impl">com.google.code.kaptcha.impl.WaterRipple</prop>
	                    <!-- 不要噪點(diǎn) -->
	                    <prop key="kaptcha.noise.impl">com.google.code.kaptcha.impl.NoNoise</prop>
	                    <prop key="kaptcha.image.width">90</prop>
	                    <prop key="kaptcha.image.height">33</prop>
	                    <prop key="kaptcha.textproducer.font.size">25</prop>
	                    <prop key="kaptcha.textproducer.char.length">4</prop>
	                    <prop key="kaptcha.textproducer.char.space">5</prop>
	                    <!-- 和登錄框背景顏色一致 -->
	                    <prop key="kaptcha.background.clear.from">247,247,247</prop>
	                    <prop key="kaptcha.background.clear.to">247,247,247</prop>
	                </props>
	            </constructor-arg>
	        </bean>
	    </property>
	</bean>

3.將驗(yàn)證碼保存進(jìn)session中

將生成的驗(yàn)證碼保存進(jìn)session中，并輸出由驗(yàn)證碼生成的圖片流到頁(yè)面

@Autowired
	private Producer captchaProducer;
	@RequestMapping(value = "/kaptchaImage", method = RequestMethod.GET)
    public void kaptcha(HttpServletRequest req, HttpServletResponse rsp) {
		ServletOutputStream out = null;
		try {
	        HttpSession session = req.getSession();
	        rsp.setDateHeader("Expires", 0);
	        rsp.setHeader("Cache-Control", "no-store, no-cache, must-revalidate");
	        rsp.addHeader("Cache-Control", "post-check=0, pre-check=0");
	        rsp.setHeader("Pragma", "no-cache");
	        rsp.setContentType("image/jpeg");
	        String capText = captchaProducer.createText();
	        session.setAttribute(Constants.KAPTCHA_SESSION_KEY, capText);
	        BufferedImage image = captchaProducer.createImage(capText);
	        out = rsp.getOutputStream();
	        ImageIO.write(image, "jpg", out);
	        out.flush();
        }catch(IOException e)
		{
			throw new SystemException(e);
		} finally {
            try {
				out.close();
			} catch (IOException e) {
				throw new SystemException(e);
			}
        }
    }

4.驗(yàn)證碼校驗(yàn)

校驗(yàn)用戶輸入的驗(yàn)證碼和保存進(jìn)session的是否一直，達(dá)到驗(yàn)證目的

@RequestMapping(value = "/login", method = RequestMethod.POST, produces = "text/html; charset=utf-8")
	public String userLogin(String accountName, String password, String captcha, Boolean rememberMe, HttpServletRequest request) {
		 //從session中取出kaptcha生成的驗(yàn)證碼text值
	        String expected = (String) request.getSession().getAttribute(Constants.KAPTCHA_SESSION_KEY);
	        //獲取用戶頁(yè)面輸入的驗(yàn)證碼
	        if(!captcha.equalsIgnoreCase(expected))
	        {
	        	request.setAttribute("error", "驗(yàn)證碼錯(cuò)誤！");
				return "/login";
	        }else
	        {
                    xxxx驗(yàn)證碼后的后續(xù)邏輯
                 }
}

Kaptcha驗(yàn)證碼配置

kaptcha.border 是否有邊框默認(rèn)為true 我們可以自己設(shè)置yes，no

kaptcha.border.color 邊框顏色默認(rèn)為Color.BLACK

kaptcha.border.thickness 邊框粗細(xì)度默認(rèn)為1

kaptcha.producer.impl 驗(yàn)證碼生成器默認(rèn)為DefaultKaptcha

kaptcha.textproducer.impl 驗(yàn)證碼文本生成器默認(rèn)為DefaultTextCreator

kaptcha.textproducer.char.string 驗(yàn)證碼文本字符內(nèi)容范圍默認(rèn)為abcde2345678gfynmnpwx

kaptcha.textproducer.char.length 驗(yàn)證碼文本字符長(zhǎng)度默認(rèn)為5

kaptcha.textproducer.font.names 驗(yàn)證碼文本字體樣式默認(rèn)為new Font("Arial", 1, fontSize), new Font("Courier", 1, fontSize)

kaptcha.textproducer.font.size 驗(yàn)證碼文本字符大小默認(rèn)為40

kaptcha.textproducer.font.color 驗(yàn)證碼文本字符顏色默認(rèn)為Color.BLACK

kaptcha.textproducer.char.space 驗(yàn)證碼文本字符間距默認(rèn)為2

kaptcha.noise.impl 驗(yàn)證碼噪點(diǎn)生成對(duì)象默認(rèn)為DefaultNoise

kaptcha.noise.color 驗(yàn)證碼噪點(diǎn)顏色默認(rèn)為Color.BLACK

kaptcha.obscurificator.impl 驗(yàn)證碼樣式引擎默認(rèn)為WaterRipple

kaptcha.word.impl 驗(yàn)證碼文本字符渲染默認(rèn)為DefaultWordRenderer

kaptcha.background.impl 驗(yàn)證碼背景生成器默認(rèn)為DefaultBackground

kaptcha.background.clear.from 驗(yàn)證碼背景顏色漸進(jìn)   默認(rèn)為Color.LIGHT_GRAY

kaptcha.background.clear.to 驗(yàn)證碼背景顏色漸進(jìn) 默認(rèn)為Color.WHITE

kaptcha.image.width 驗(yàn)證碼圖片寬度默認(rèn)為200

kaptcha.image.height 驗(yàn)證碼圖片高度默認(rèn)為50