登陸驗(yàn)證碼kaptcha結(jié)合spring boot的用法詳解
前言
在我們用戶登錄的時(shí)候,為了安全性考慮,會(huì)增加驗(yàn)證碼的功能,這里采用的是google的kaptcha;spirngboot是輕便,獨(dú)立,使得基于spring的應(yīng)用開發(fā)變得特別簡(jiǎn)單。網(wǎng)上有很多介紹springboot的介紹,這里不多說。
言歸正抓,講下登陸時(shí)驗(yàn)證碼結(jié)合springboot的用法
引入kaptcha所需要的jar包,我這里用的是maven
<dependency>
<groupId>com.github.penggle</groupId>
<artifactId>kaptcha</artifactId>
<version>2.3.2</version>
<exclusions>
<exclusion>
<artifactId>javax.servlet-api</artifactId>
<groupId>javax.servlet</groupId>
</exclusion>
</exclusions>
</dependency>
去除包中自帶的servlet包。在我個(gè)人的理解中springboot就是javaconfig和注解搭建起來(lái)的輕型的微架構(gòu)。
下面是kapcha的javaconfig
@Configuration
public class CaptchaConfig {
@Bean(name="captchaProducer")
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;
}
}
這里的的katcha的javaconfig相當(dāng)于springmvc中的bean配置,下面給是一個(gè)針對(duì)上面javaconfig的springmvc的bean示例,供參考
<bean id="captchaProducer" class="com.google.code.kaptcha.impl.DefaultKaptcha">
<property name="config">
<bean class="com.google.code.kaptcha.util.Config">
<constructor-arg>
<props>
<prop key="kaptcha.border">yes</prop>
<prop key="kaptcha.border.color">105,179,90</prop>
<prop key="kaptcha.textproducer.font.color">blue</prop>
<prop key="kaptcha.image.width">125</prop>
<prop key="kaptcha.image.height">45</prop>
<prop key="kaptcha.textproducer.font.size">45</prop>
<prop key="kaptcha.session.key">code</prop>
<prop key="kaptcha.textproducer.char.length">4</prop>
<prop key="kaptcha.textproducer.font.names">宋體,楷體,微軟雅黑</prop>
</props>
</constructor-arg>
</bean>
</property>
</bean>
其中構(gòu)造方法中的屬性參數(shù)可以根據(jù)自己的需求來(lái)設(shè)置。
配置文件已經(jīng)配好,那么如何獲取自己的二維碼呢,我的理解是畫布的概念,然后將生成的四位的驗(yàn)證碼生成對(duì)應(yīng)的畫布,然后讓結(jié)果write出去。
代碼如下:
@RequestMapping(value = "/captcha-image")
public ModelAndView getKaptchaImage(HttpServletRequest request,
HttpServletResponse response) throws Exception {
response.setDateHeader("Expires", 0);
response.setHeader("Cache-Control",
"no-store, no-cache, must-revalidate");
response.addHeader("Cache-Control", "post-check=0, pre-check=0");
response.setHeader("Pragma", "no-cache");
response.setContentType("image/jpeg");
String capText = captchaProducer.createText();
System.out.println("capText: " + capText);
try {
String uuid=UUIDUtils.getUUID32().trim().toString();
redisTemplate.opsForValue().set(uuid, capText,60*5,TimeUnit.SECONDS);
Cookie cookie = new Cookie("captchaCode",uuid);
response.addCookie(cookie);
} catch (Exception e) {
e.printStackTrace();
}
BufferedImage bi = captchaProducer.createImage(capText);
ServletOutputStream out = response.getOutputStream();
ImageIO.write(bi, "jpg", out);
try {
out.flush();
} finally {
out.close();
}
return null;
}
如上面的代碼,在用戶登錄的時(shí)候使用驗(yàn)證碼以及cooike中的captchacode來(lái)實(shí)現(xiàn)唯一性驗(yàn)證,開始的時(shí)候我考慮到放到session中,當(dāng)時(shí)想了下,感覺這不科學(xué)啊,比如講captchacode放到session中,這時(shí)候驗(yàn)證碼是一個(gè),后來(lái)另一個(gè)用戶再登陸,前一個(gè)用戶還在登陸中,這時(shí)候會(huì)出現(xiàn)一系列的問題。這里使用cookie和redis,來(lái)應(yīng)對(duì)用戶的并發(fā)登陸驗(yàn)證。
頁(yè)面使用也比較簡(jiǎn)單如下:
<div style="float: left;"> <i><img style="height:22px;" id="codeImg" alt="點(diǎn)擊更換" title="點(diǎn)擊更換" src="code/captcha-image" /></i> </div>
更換的話加一個(gè)click事件,然后清空以前在redis中對(duì)應(yīng)的緩存數(shù)據(jù);或者在獲取驗(yàn)證碼的時(shí)候,設(shè)置生存周期。
總結(jié)
以上就是這篇文章的全部?jī)?nèi)容了,希望本文的內(nèi)容對(duì)大家的學(xué)習(xí)或者工作能帶來(lái)一定的幫助,如果有疑問大家可以留言交流,謝謝大家對(duì)腳本之家的支持。
相關(guān)文章
Java Socket+mysql實(shí)現(xiàn)簡(jiǎn)易文件上傳器的代碼
最近在做一個(gè)小項(xiàng)目,項(xiàng)目主要需求是實(shí)現(xiàn)一個(gè)文件上傳器,通過客戶端的登陸,把本地文件上傳到服務(wù)器的數(shù)據(jù)庫(kù)(本地的)。下面通過本文給大家分享下實(shí)現(xiàn)代碼,感興趣的朋友一起看看吧2016-10-10
關(guān)于MyBatis結(jié)果映射的實(shí)例總結(jié)
結(jié)果集映射主要是為了解決屬性名和類型名不一致的問題,下面這篇文章主要給大家介紹了關(guān)于MyBatis結(jié)果映射的相關(guān)資料,文中通過實(shí)例代碼介紹的非常詳細(xì),需要的朋友可以參考下2022-05-05
詳解SpringBoot實(shí)現(xiàn)事件同步與異步監(jiān)聽
這篇文章主要通過示例為大家詳細(xì)介紹了SpringBoot中的事件的用法和原理以及如何實(shí)現(xiàn)事件同步與異步監(jiān)聽,快跟隨小編一起學(xué)習(xí)學(xué)習(xí)吧2022-06-06
簡(jiǎn)單了解spring cloud 網(wǎng)關(guān)服務(wù)
這篇文章主要介紹了簡(jiǎn)單了解spring cloud 網(wǎng)關(guān)服務(wù),文中通過示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2019-10-10
finally 一定會(huì)執(zhí)行(實(shí)例代碼)
下面小編就為大家?guī)?lái)一篇finally 一定會(huì)執(zhí)行(實(shí)例代碼)。小編覺得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過來(lái)看看吧2017-07-07
SpringBoot+Vue靜態(tài)資源刷新后無(wú)法訪問的問題解決方案
這篇文章主要介紹了SpringBoot+Vue靜態(tài)資源刷新后無(wú)法訪問的問題解決方案,文中通過代碼示例和圖文講解的非常詳細(xì),對(duì)大家解決問題有一定的幫助,需要的朋友可以參考下2024-05-05

