Springboot通過谷歌Kaptcha 組件,生成圖形驗證碼

来源:https://www.cnblogs.com/jilodream/archive/2023/05/15/17402275.html
-Advertisement-
Play Games

圖形驗證碼屬於老生常談了,具體細節這裡就不說了。生成圖形驗證碼的辦法非常多,今天講解一種通過Kaptcha組件快速生成圖形驗證碼的方法。Kaptcha是谷歌開源的一款簡單實用的圖形驗證碼組件。我個人推薦它的最大原因是容易上手,採用約定大於配置的方式,快速契合到項目中。話不多說,我們看看該如何使用它: ...


圖形驗證碼屬於老生常談了,具體細節這裡就不說了。生成圖形驗證碼的辦法非常多,今天講解一種通過Kaptcha組件快速生成圖形驗證碼的方法。
Kaptcha是谷歌開源的一款簡單實用的圖形驗證碼組件。我個人推薦它的最大原因是容易上手,採用約定大於配置的方式,快速契合到項目中。
話不多說,我們看看該如何使用它:
一、首先我們在springboot中引入以下maven組件:

1 <dependency>
2     <groupId>com.google.code.kaptcha</groupId>
3     <artifactId>kaptcha</artifactId>
4     <version>2.3</version>
5 </dependency>

如果上述組件你一直無法拉取下來的話,也可以用如下配置:

1  <dependency>
2      <groupId>com.github.penggle</groupId>
3      <artifactId>kaptcha</artifactId>
4      <version>2.3.2</version>
5  </dependency>

二、接著我們在springboot項目中加入對應的config配置類,(防盜連接:本文首發自http://www.cnblogs.com/jilodream/ )這一步也可以配合配置中心來完成。它的作用是自動生成我們所需的config bean。
其中的配置項我們都可以選填,這裡是只是一個參考,具體內容可見下文表

 1 @Component
 2 public class KaptchaConfig {
 3 
 4     @Bean
 5     public DefaultKaptcha getDefaultKaptcha(){
 6         com.google.code.kaptcha.impl.DefaultKaptcha defaultKaptcha = new com.google.code.kaptcha.impl.DefaultKaptcha();
 7         Properties properties = new Properties();
 8         properties.put("kaptcha.border", "no");
 9         properties.put("kaptcha.textproducer.font.color", "red");
10         properties.put("kaptcha.image.width", "213");
11         properties.put("kaptcha.image.height", "88");
12         properties.put("kaptcha.textproducer.font.size", "45");
13         properties.put("kaptcha.session.key", "verifyCode");
14         properties.put("kaptcha.textproducer.char.space", "6");
15         properties.put("kaptcha.obscurificator.impl", "com.google.code.kaptcha.impl.WaterRipple");
16        // properties.put("kaptcha.textproducer.font.names", "宋體,楷體,微軟雅黑");
17         properties.put("kaptcha.background.clear.from", "yellow");
18         properties.put("kaptcha.background.clear.to", "green");
19         Config config = new Config(properties);
20         defaultKaptcha.setConfig(config);
21 
22         return defaultKaptcha;
23     }
24 }

配置表

配置名 配置作用 預設值
kaptcha.border 圖片邊框,合法值:yes , no yes
kaptcha.border.color 邊框顏色,合法值: r,g,b (and optional alpha) 或者 white,black,blue. black
kaptcha.image.width 圖片寬 200
kaptcha.image.height 圖片高 50
kaptcha.producer.impl 圖片實現類 com.google.code.kaptcha.impl.DefaultKaptcha
kaptcha.textproducer.impl 文本實現類 com.google.code.kaptcha.text.impl.DefaultTextCreator
kaptcha.textproducer.char.string 文本集合,驗證碼值從此集合中獲取 abcde2345678gfynmnpwx
kaptcha.textproducer.char.length 驗證碼長度 5
kaptcha.textproducer.font.names 字體 Arial, Courier
kaptcha.textproducer.font.size 字體大小 40px.
kaptcha.textproducer.font.color 字體顏色,合法值: r,g,b 或者 white,black,blue. black
kaptcha.textproducer.char.space 文字間隔 2
kaptcha.noise.impl 干擾實現類 com.google.code.kaptcha.impl.DefaultNoise
kaptcha.noise.color 干擾 顏色,合法值: r,g,b 或者 white,black,blue. black
kaptcha.obscurificator.impl

圖片樣式:<br />水紋 com.google.code.kaptcha.impl.WaterRipple <br />

魚眼 com.google.code.kaptcha.impl.FishEyeGimpy <br />

陰影 com.google.code.kaptcha.impl.ShadowGimpy

com.google.code.kaptcha.impl.WaterRipple
kaptcha.background.impl 背景實現類 com.google.code.kaptcha.impl.DefaultBackground
kaptcha.background.clear.from 背景顏色漸變,開始顏色 light grey
kaptcha.background.clear.to 背景顏色漸變, 結束顏色 white
kaptcha.word.impl 文字渲染器 com.google.code.kaptcha.text.impl.DefaultWordRenderer
kaptcha.session.key session key KAPTCHA_SESSION_KEY
kaptcha.session.date session date KAPTCHA_SESSION_DATE
  三、創建好config bean之後,我們就可以創建介面來生成驗證碼了  controller類,新增介面:
 1     @GetMapping("/login/getVerifyCode")
 2     public void getVerifyCode(String loginKey,
 3                               HttpServletRequest httpServletRequest,
 4                               HttpServletResponse httpServletResponse) {
 5         try {
 6             log.warn("query verify Code" + loginKey);
 7             loadService.getVerifyCode(loginKey, httpServletRequest, httpServletResponse);
 8         } catch (Exception e) {
 9             log.error("get verify Code failed :", e);
10         }
11     }

service類,新增邏輯:

 1     public void getVerifyCode(String loginKey, HttpServletRequest httpServletRequest,
 2                               HttpServletResponse httpServletResponse) throws IOException {
 3         ByteArrayOutputStream imgOutputStream = new ByteArrayOutputStream();
 4         try {
 5             //生產驗證碼字元串並保存到session中
 6             String verifyCode = captchaProducer.createText();
 7             // httpServletRequest.getSession().setAttribute("verifyCode", verifyCode);  // 寫入會話
 8             //redisCache.setVerifyInfo(loginKey, verifyCode);   //寫入redis
 9             captchaMap.put(loginKey, verifyCode);//寫入記憶體
10             log.warn("reset verify code key {}, code {}", loginKey, verifyCode);
11             BufferedImage challenge = captchaProducer.createImage(verifyCode);
12             ImageIO.write(challenge, "jpg", imgOutputStream);
13         } catch (IllegalArgumentException | IOException e) {
14             httpServletResponse.sendError(HttpServletResponse.SC_NOT_FOUND);
15             return;
16         }
17         byte[] captchaOutputStream = imgOutputStream.toByteArray();
18         httpServletResponse.setHeader("Cache-Control", "no-store");
19         httpServletResponse.setHeader("Pragma", "no-cache");
20         httpServletResponse.setDateHeader("Expires", 0);
21         httpServletResponse.setContentType("image/jpeg");
22         try (ServletOutputStream responseOutputStream = httpServletResponse.getOutputStream()) {
23             responseOutputStream.write(captchaOutputStream);
24             responseOutputStream.flush();
25         } catch (IOException ex) {
26             log.error("find ex in create a new verify Code", ex);
27         }
28     }

相關代碼全部開發完畢後,我們調用介面查看效果:

這裡我發現一個在本地環境使用ok,(防盜連接:本文首發自http://www.cnblogs.com/jilodream/ )但是在使用docker部署微服務時卻存在的一個異常:

1 java.lang.NullPointerException: null
2         at sun.awt.FontConfiguration.getVersion(FontConfiguration.java:1264)
3         at sun.awt.FontConfiguration.readFontConfigFile(FontConfiguration.java:219)
4         at sun.awt.FontConfiguration.init(FontConfiguration.java:107)
5 .....

網上查了下,大致原因是由於我們本地使用的是oraclejdk,但是在docker中jdk的版本則採用的是openjdk。openjdk有些字體的支撐不是很友好,這裡需要在製作docker鏡像時添加如下語句解決:

 1 RUN apk add --update font-adobe-100dpi ttf-dejavu fontconfig 

 

       

如果你覺得寫的不錯,歡迎轉載和點贊。 轉載時請保留作者署名jilodream/王若伊_恩賜解脫(博客鏈接:http://www.cnblogs.com/jilodream/


您的分享是我們最大的動力!

-Advertisement-
Play Games
更多相關文章
  • 教程簡介 IDEA 全稱 IntelliJ IDEA,是java編程語言的集成開發環境。IntelliJ在業界被公認為最好的Java開發工具,尤其在智能代碼助手、代碼自動提示、重構、JavaEE支持、各類版本工具(git、svn等)、JUnit、CVS整合、代碼分析、 創新的GUI設計等方面的功能可 ...
  • 元語言抽象就是建立新的語言。它在工程設計的所有分支中都扮演著重要的角色,在電腦程式設計領域更是特別重要。因為這個領域中,我們不僅可以設計新的語言,還可以通過構造求值器的方式實現這些語言。對某個程式設計語言的求值器(或者解釋器)也是一個過程,在應用於這個語言的一個表達式時,它能夠執行求值這個表達式所... ...
  • 本文將深入探討 AM 向 RM 申請並獲得 Container 資源後,在 NM 節點上如何啟動和清理 Container。將詳細分析整個過程的源碼實現。 ...
  • voidint/g g 是一個 Linux、macOS、Windows 下的命令行工具,可以提供一個便捷的多版本 go 環境的管理和切換。 在這裡我們介紹一下在 windows 下的使用,涉及到我們開發所需要用到的 幾個 go 項目層環境變數它們分別是 GOPATH,GOPROXY,GO111MOD ...
  • 在本文中,我們深入探討了 Spring 框架中 Bean 的實例化過程,關於某些細節以後我會單獨拿出一篇文章單獨講解,我們來總結下實例化都做了哪些事情:先從bean定義中載入當前類,因為最初Spring使用ASM技術解析元數據時只獲取了當前類的名稱尋找所有InstantiationAwareBean... ...
  • Python作為一門強大且靈活的編程語言,擁有豐富的數據類型系統。本文詳細介紹了Python中的每一種數據類型,包括數值、序列、映射、集合、布爾和None類型。每種數據類型的特性、使用方式,以及在實際問題中的應用都將被深入探討。此外,我們還將探討Python的動態類型特性,以及如何在實際編程中充分利... ...
  • Pytest - 概述&入門 簡介 Pytest是一款強大的python自動化測試工具,可以勝任各種類型或者級別的軟體測試工作; pytest提供了豐富的功能,包括assert重寫,第三方插件,以及其他測試工具無法比擬的fixture模型; pytest是一個軟體測試框架,是一款命令行工具,可以自動 ...
  • Elasticsearch是一個基於Lucene的搜索引擎。它提供了一個分散式多用戶能力的全文搜索引擎,基於RESTful 的API介面。Elasticsearch是用Java語言開發的,並作為Apache許可條款下的開放源碼發佈,是非常流行的企業級搜索引擎。 ...
一周排行
    -Advertisement-
    Play Games
  • 移動開發(一):使用.NET MAUI開發第一個安卓APP 對於工作多年的C#程式員來說,近來想嘗試開發一款安卓APP,考慮了很久最終選擇使用.NET MAUI這個微軟官方的框架來嘗試體驗開發安卓APP,畢竟是使用Visual Studio開發工具,使用起來也比較的順手,結合微軟官方的教程進行了安卓 ...
  • 前言 QuestPDF 是一個開源 .NET 庫,用於生成 PDF 文檔。使用了C# Fluent API方式可簡化開發、減少錯誤並提高工作效率。利用它可以輕鬆生成 PDF 報告、發票、導出文件等。 項目介紹 QuestPDF 是一個革命性的開源 .NET 庫,它徹底改變了我們生成 PDF 文檔的方 ...
  • 項目地址 項目後端地址: https://github.com/ZyPLJ/ZYTteeHole 項目前端頁面地址: ZyPLJ/TreeHoleVue (github.com) https://github.com/ZyPLJ/TreeHoleVue 目前項目測試訪問地址: http://tree ...
  • 話不多說,直接開乾 一.下載 1.官方鏈接下載: https://www.microsoft.com/zh-cn/sql-server/sql-server-downloads 2.在下載目錄中找到下麵這個小的安裝包 SQL2022-SSEI-Dev.exe,運行開始下載SQL server; 二. ...
  • 前言 隨著物聯網(IoT)技術的迅猛發展,MQTT(消息隊列遙測傳輸)協議憑藉其輕量級和高效性,已成為眾多物聯網應用的首選通信標準。 MQTTnet 作為一個高性能的 .NET 開源庫,為 .NET 平臺上的 MQTT 客戶端與伺服器開發提供了強大的支持。 本文將全面介紹 MQTTnet 的核心功能 ...
  • Serilog支持多種接收器用於日誌存儲,增強器用於添加屬性,LogContext管理動態屬性,支持多種輸出格式包括純文本、JSON及ExpressionTemplate。還提供了自定義格式化選項,適用於不同需求。 ...
  • 目錄簡介獲取 HTML 文檔解析 HTML 文檔測試參考文章 簡介 動態內容網站使用 JavaScript 腳本動態檢索和渲染數據,爬取信息時需要模擬瀏覽器行為,否則獲取到的源碼基本是空的。 本文使用的爬取步驟如下: 使用 Selenium 獲取渲染後的 HTML 文檔 使用 HtmlAgility ...
  • 1.前言 什麼是熱更新 游戲或者軟體更新時,無需重新下載客戶端進行安裝,而是在應用程式啟動的情況下,在內部進行資源或者代碼更新 Unity目前常用熱更新解決方案 HybridCLR,Xlua,ILRuntime等 Unity目前常用資源管理解決方案 AssetBundles,Addressable, ...
  • 本文章主要是在C# ASP.NET Core Web API框架實現向手機發送驗證碼簡訊功能。這裡我選擇是一個互億無線簡訊驗證碼平臺,其實像阿裡雲,騰訊雲上面也可以。 首先我們先去 互億無線 https://www.ihuyi.com/api/sms.html 去註冊一個賬號 註冊完成賬號後,它會送 ...
  • 通過以下方式可以高效,並保證數據同步的可靠性 1.API設計 使用RESTful設計,確保API端點明確,並使用適當的HTTP方法(如POST用於創建,PUT用於更新)。 設計清晰的請求和響應模型,以確保客戶端能夠理解預期格式。 2.數據驗證 在伺服器端進行嚴格的數據驗證,確保接收到的數據符合預期格 ...