java生成QR二維碼


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所示:


圖1.簡易版本QR碼生成圖

二.拓展版本

在實際中,我們常常會看見一些二維碼中間會放置上企業(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去測試:


圖2.新增代碼示意圖

結(jié)果

最終我們就可以得到帶有l(wèi)ogo的二維碼了街州,如下圖3所示:


圖3.拓展版本QR碼生成圖

三.總結(jié)

有了谷歌的幫助兼丰,我們生成二維碼是非常簡單的一件事情。最后唆缴,博主有幾點想提醒讀者:

  1. 二維碼的原理主要是依靠斜左上方的三個矩形框來進行定位鳍征,然后解析圖片的黑白像素對應(yīng)計算機編碼的01操作。那么如果是二維碼里面藏的東西過多的時候琐谤,二維碼可能會很丑陋蟆技,幾個定位符非常的小,里面的黑白點非常的密集斗忌。這個時候不妨嘗試一下利用緩存质礼,二維碼里面只藏有簡單的隨機字符串,然后再根據(jù)掃描得到的字符串去請求緩存拿到真正的有用信息织阳。(這種就是代理的思想)
  2. 在第1點的基礎(chǔ)上眶蕉,有時候二維碼就是為了做登陸的,要求極高的安全性唧躲。在二維碼里面藏了一下檢驗造挽,防串改的字串,比如jwtToken弄痹。那么這個二維碼很有可能會非常丑饭入,遇到了不懂技術(shù)的產(chǎn)品,可能要你改需求肛真。低效的溝通還不如直接拿巨頭的成本給他看谐丢,直接拿微信公眾平臺(https://mp.weixin.qq.com/)的登陸頁面二維碼給他看,讓對方明白為了安全有的時候不得不犧牲美觀蚓让。
    微信公眾平臺登陸頁面二維碼.png

    3.關(guān)于中間藏匿的logo乾忱,讀者可能需要根據(jù)logo的大小和二維碼的復(fù)雜程度去自行調(diào)節(jié)一下。覺得本文寫得還行的讀者可以掃描文中postman生成的二維碼關(guān)注我的github历极。

本文內(nèi)容代碼均放置到了github上窄瘟,需要的讀者自行獲取:

https://github.com/YukunWen/QRdemo

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末趟卸,一起剝皮案震驚了整個濱河市蹄葱,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌锄列,老刑警劉巖图云,帶你破解...
    沈念sama閱讀 211,884評論 6 492
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異右蕊,居然都是意外死亡琼稻,警方通過查閱死者的電腦和手機,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 90,347評論 3 385
  • 文/潘曉璐 我一進店門饶囚,熙熙樓的掌柜王于貴愁眉苦臉地迎上來帕翻,“玉大人鸠补,你說我怎么就攤上這事∴值В” “怎么了紫岩?”我有些...
    開封第一講書人閱讀 157,435評論 0 348
  • 文/不壞的土叔 我叫張陵,是天一觀的道長睬塌。 經(jīng)常有香客問我泉蝌,道長,這世上最難降的妖魔是什么揩晴? 我笑而不...
    開封第一講書人閱讀 56,509評論 1 284
  • 正文 為了忘掉前任勋陪,我火速辦了婚禮,結(jié)果婚禮上硫兰,老公的妹妹穿的比我還像新娘诅愚。我一直安慰自己,他們只是感情好劫映,可當(dāng)我...
    茶點故事閱讀 65,611評論 6 386
  • 文/花漫 我一把揭開白布违孝。 她就那樣靜靜地躺著,像睡著了一般泳赋。 火紅的嫁衣襯著肌膚如雪雌桑。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 49,837評論 1 290
  • 那天祖今,我揣著相機與錄音校坑,去河邊找鬼。 笑死衅鹿,一個胖子當(dāng)著我的面吹牛撒踪,可吹牛的內(nèi)容都是我干的过咬。 我是一名探鬼主播大渤,決...
    沈念sama閱讀 38,987評論 3 408
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼掸绞!你這毒婦竟也來了泵三?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 37,730評論 0 267
  • 序言:老撾萬榮一對情侶失蹤衔掸,失蹤者是張志新(化名)和其女友劉穎烫幕,沒想到半個月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體敞映,經(jīng)...
    沈念sama閱讀 44,194評論 1 303
  • 正文 獨居荒郊野嶺守林人離奇死亡较曼,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 36,525評論 2 327
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發(fā)現(xiàn)自己被綠了振愿。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片捷犹。...
    茶點故事閱讀 38,664評論 1 340
  • 序言:一個原本活蹦亂跳的男人離奇死亡弛饭,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出萍歉,到底是詐尸還是另有隱情侣颂,我是刑警寧澤,帶...
    沈念sama閱讀 34,334評論 4 330
  • 正文 年R本政府宣布枪孩,位于F島的核電站憔晒,受9級特大地震影響,放射性物質(zhì)發(fā)生泄漏蔑舞。R本人自食惡果不足惜拒担,卻給世界環(huán)境...
    茶點故事閱讀 39,944評論 3 313
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望攻询。 院中可真熱鬧澎蛛,春花似錦、人聲如沸蜕窿。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,764評論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽桐经。三九已至毁兆,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間阴挣,已是汗流浹背气堕。 一陣腳步聲響...
    開封第一講書人閱讀 31,997評論 1 266
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留畔咧,地道東北人茎芭。 一個月前我還...
    沈念sama閱讀 46,389評論 2 360
  • 正文 我出身青樓,卻偏偏與公主長得像誓沸,于是被迫代替她去往敵國和親梅桩。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點故事閱讀 43,554評論 2 349

推薦閱讀更多精彩內(nèi)容