溫馨提示×

溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊×
其他方式登錄
點(diǎn)擊 登錄注冊 即表示同意《億速云用戶服務(wù)條款》

spring boot結(jié)合kaptcha怎么實(shí)現(xiàn)一個(gè)驗(yàn)證碼登陸功能

發(fā)布時(shí)間:2020-11-23 16:52:02 來源:億速云 閱讀:147 作者:Leah 欄目:編程語言

本篇文章給大家分享的是有關(guān)spring boot結(jié)合kaptcha怎么實(shí)現(xiàn)一個(gè)驗(yàn)證碼登陸功能,小編覺得挺實(shí)用的,因此分享給大家學(xué)習(xí),希望大家閱讀完這篇文章后可以有所收獲,話不多說,跟著小編一起來看看吧。

引入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和注解搭建起來的輕型的微架構(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è)針對上面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ù)自己的需求來設(shè)置。

配置文件已經(jīng)配好,那么如何獲取自己的二維碼呢,我的理解是畫布的概念,然后將生成的四位的驗(yàn)證碼生成對應(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來實(shí)現(xiàn)唯一性驗(yàn)證,開始的時(shí)候我考慮到放到session中,當(dāng)時(shí)想了下,感覺這不科學(xué)啊,比如講captchacode放到session中,這時(shí)候驗(yàn)證碼是一個(gè),后來另一個(gè)用戶再登陸,前一個(gè)用戶還在登陸中,這時(shí)候會出現(xiàn)一系列的問題。這里使用cookie和redis,來應(yīng)對用戶的并發(fā)登陸驗(yàn)證。

頁面使用也比較簡單如下:

<div > 
  <i><img  id="codeImg" alt="點(diǎn)擊更換" title="點(diǎn)擊更換" src="code/captcha-image" /></i> 
</div> 

更換的話加一個(gè)click事件,然后清空以前在redis中對應(yīng)的緩存數(shù)據(jù);或者在獲取驗(yàn)證碼的時(shí)候,設(shè)置生存周期。

以上就是spring boot結(jié)合kaptcha怎么實(shí)現(xiàn)一個(gè)驗(yàn)證碼登陸功能,小編相信有部分知識點(diǎn)可能是我們?nèi)粘9ぷ鲿姷交蛴玫降?。希望你能通過這篇文章學(xué)到更多知識。更多詳情敬請關(guān)注億速云行業(yè)資訊頻道。

向AI問一下細(xì)節(jié)

免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點(diǎn)不代表本網(wǎng)站立場,如果涉及侵權(quán)請聯(lián)系站長郵箱:is@yisu.com進(jìn)行舉報(bào),并提供相關(guān)證據(jù),一經(jīng)查實(shí),將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI