title: '"生成QR二維碼"'
categories: java
tags: java
date: 2018-10-27 11:44:29
引言
隨著二維碼(QR code)的普及望拖,越來越多的項目中會設(shè)計一些產(chǎn)生二維碼的交互頁面垂谢,以便更好地和用戶互動,以及方便用戶的使用粪狼,傳播app等操作。那么今天就來探究一下如何在項目中快速簡單的生成QR二維碼至耻。
一.簡易版本
首先
我們用到谷歌開源的zxing項目包镣典,使用maven的同學(xué)可以輕易的導(dǎo)入。
<!--QRcode-->
<dependency>
<groupId>com.google.zxing</groupId>
<artifactId>core</artifactId>
<version>3.1.0</version>
</dependency>
<dependency>
<groupId>com.google.zxing</groupId>
<artifactId>javase</artifactId>
<version>3.1.0</version>
</dependency>
<!--QRcode-->
第二步
我們來編寫生成簡單二維碼的java代碼运吓。只要有一個content的輸入渴邦,能把content的內(nèi)容藏到二維碼中即可。那么代碼如下:
public class QRCodeUtil {
private static final String CHARSET = "utf-8";
// 二維碼尺寸
private static final int QRCODE_SIZE = 300;
public static BufferedImage createImage(String content) {
Hashtable<EncodeHintType, Object> hints = new Hashtable<EncodeHintType, Object>();
hints.put(EncodeHintType.ERROR_CORRECTION, ErrorCorrectionLevel.H);
hints.put(EncodeHintType.CHARACTER_SET, CHARSET);
hints.put(EncodeHintType.MARGIN, 1);
BitMatrix bitMatrix = null;
try {
bitMatrix = new MultiFormatWriter().encode(content, BarcodeFormat.QR_CODE, QRCODE_SIZE, QRCODE_SIZE,
hints);
} catch (WriterException e) {
e.printStackTrace();
}
int width = bitMatrix.getWidth();
int height = bitMatrix.getHeight();
BufferedImage image = new BufferedImage(width, height, BufferedImage.TYPE_INT_RGB);
for (int x = 0; x < width; x++) {
for (int y = 0; y < height; y++) {
image.setRGB(x, y, bitMatrix.get(x, y) ? 0xFF000000 : 0xFFFFFFFF);
}
}
return image;
}
}
下面我們編寫controller接口去進行測試
注意:對于有些二維碼是掃了即用拘哨,掃完即走那種的谋梭,這個時候就不應(yīng)該產(chǎn)生本地的緩存暫用服務(wù)器資源。禁止緩存的方式詳見代碼倦青。
@Controller
@RequestMapping("/qr")
@Slf4j
public class QRController {
@GetMapping(value = "/generate")
@ResponseBody
public void generateQR(@RequestParam("content")String content, HttpServletResponse response) {
BufferedImage image;
// 禁止圖像緩存
response.setHeader("Pragma", "No-cache");
response.setHeader("Cache-Control", "no-cache");
response.setDateHeader("Expires", 0);
response.setContentType("image/jpeg");
image = QRCodeUtil.createImage(content);
// 創(chuàng)建二進制的輸出流
try(ServletOutputStream sos = response.getOutputStream()){
// 將圖像輸出到Servlet輸出流中瓮床。
ImageIO.write(image, "jpeg", sos);
} catch (IOException e) {
e.printStackTrace();
}
}
}
結(jié)果
最終效果如下圖1所示:
二.拓展版本
在實際中,我們常常會看見一些二維碼中間會放置上企業(yè)的logo产镐,顯得更加的美觀專業(yè)隘庄。接下來我們就如何在二維碼中間增加圖案進行說明。
首先
我們考慮增加兩個變量癣亚,一個是插入圖片的地址丑掺,一個壓縮參數(shù)(主要用于過大logo情況下是否壓縮)
// LOGO寬度
private static final int LOGO_WIDTH = 80;
// LOGO高度
private static final int LOGO_HEIGHT = 80;
/**
* 插入LOGO
*
* @param source 二維碼圖片
* @param logoPath LOGO圖片地址
* @param needCompress 是否壓縮
* @throws Exception
*/
public static void insertImage(BufferedImage source, InputStream logoPath, boolean needCompress) {
Image src = null;
try {
src = ImageIO.read(logoPath);
} catch (IOException e) {
e.printStackTrace();
}
int width = src.getWidth(null);
int height = src.getHeight(null);
if (needCompress) {
// 壓縮LOGO
if (width > LOGO_WIDTH) {
width = LOGO_WIDTH;
}
if (height > LOGO_HEIGHT) {
height = LOGO_HEIGHT;
}
Image image = src.getScaledInstance(width, height, Image.SCALE_SMOOTH);
BufferedImage tag = new BufferedImage(width, height, BufferedImage.TYPE_INT_RGB);
Graphics g = tag.getGraphics();
// 繪制縮小后的圖
g.drawImage(image, 0, 0, null);
g.dispose();
src = image;
}
// 插入LOGO
Graphics2D graph = source.createGraphics();
int x = (QRCODE_SIZE - width) / 2;
int y = (QRCODE_SIZE - height) / 2;
graph.drawImage(src, x, y, width, height, null);
Shape shape = new RoundRectangle2D.Float(x, y, width, width, 12, 12);
graph.setStroke(new BasicStroke(3f));
graph.draw(shape);
graph.dispose();
}
我們只要在一中生成圖片的基礎(chǔ)上調(diào)用該方法,即可在里面插入一個Logo述雾。
接著
我們照樣編寫了controller去測試:
結(jié)果
最終我們就可以得到帶有l(wèi)ogo的二維碼了街州,如下圖3所示:
三.總結(jié)
有了谷歌的幫助兼丰,我們生成二維碼是非常簡單的一件事情。最后唆缴,博主有幾點想提醒讀者:
- 二維碼的原理主要是依靠斜左上方的三個矩形框來進行定位鳍征,然后解析圖片的黑白像素對應(yīng)計算機編碼的01操作。那么如果是二維碼里面藏的東西過多的時候琐谤,二維碼可能會很丑陋蟆技,幾個定位符非常的小,里面的黑白點非常的密集斗忌。這個時候不妨嘗試一下利用緩存质礼,二維碼里面只藏有簡單的隨機字符串,然后再根據(jù)掃描得到的字符串去請求緩存拿到真正的有用信息织阳。(這種就是代理的思想)
- 在第1點的基礎(chǔ)上眶蕉,有時候二維碼就是為了做登陸的,要求極高的安全性唧躲。在二維碼里面藏了一下檢驗造挽,防串改的字串,比如jwtToken弄痹。那么這個二維碼很有可能會非常丑饭入,遇到了不懂技術(shù)的產(chǎn)品,可能要你改需求肛真。低效的溝通還不如直接拿巨頭的成本給他看谐丢,直接拿微信公眾平臺(https://mp.weixin.qq.com/)的登陸頁面二維碼給他看,讓對方明白為了安全有的時候不得不犧牲美觀蚓让。
3.關(guān)于中間藏匿的logo乾忱,讀者可能需要根據(jù)logo的大小和二維碼的復(fù)雜程度去自行調(diào)節(jié)一下。覺得本文寫得還行的讀者可以掃描文中postman生成的二維碼關(guān)注我的github历极。
本文內(nèi)容代碼均放置到了github上窄瘟,需要的讀者自行獲取: