一.二維碼簡介
二維碼又稱 QR Code,QR 全稱 Quick Response,是一個近幾年來移動設備上 超流行的一種編碼方式,它比傳統的 Bar Code 條形碼能存更多的信息,也能表 示更多的數據類型。
二維條碼/二維碼(2-dimensional bar code)是用某種特定的幾何圖形按一定 規律在平面(二維方向上)分布的黑白相間的圖形記錄數據符號信息的;在代碼 編制上巧妙地利用構成計算機內部邏輯基礎的“0”、“1”比特流的概念,使用若 干個與二進制相對應的幾何形體來表示文字數值信息,通過圖象輸入設備或光電 掃描設備自動識讀以實現信息自動處理:它具有條碼技術的一些共性:每種碼制 有其特定的字符集;每個字符占有一定的寬度;具有一定的校驗功能等。同時還 具有對不同行的信息自動識別功能、及處理圖形旋轉變化點。
二維碼優勢:
1.信息容量大, 可以容納多達 1850 個大寫字母或 2710 個數字或 500 多個漢字
2.應用范圍廣, 支持文字,聲音,圖片,指紋等
3.容錯能力強, 即使圖片出現部分破損也能使用
4.成本低, 容易制作
二維碼容錯級別:
L 級(低) 7%的碼字可以被恢復。
M 級(中) 的碼字的 15%可以被恢復。
Q 級(四分)的碼字的 25%可以被恢復。
H 級(高) 的碼字的 30%可以被恢復。
二.前段二維碼插件qrious
概述:qrious 是一款基於 HTML5 Canvas 的純 JS 二維碼生成插件。通過 qrious.js 可 以快速生成各種二維碼,你可以控制二維碼的尺寸顏色,還可以將生成的二維碼 進行 Base64 編碼。
2.1實現demo:
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>qrious-demo</title> <script src="plugins/qrious.min.js"></script> </head> <body> <img id="qrious"> <script> var qr = new QRious({element: document.getElementById("qrious"), size:250, level:"M", value:"http://www.itcast.cn" }); </script> </body> </html>
三.微信掃碼支付
概述:微信掃碼支付是商戶系統按微信支付協議生成支付二維碼,用戶再用微信 “掃一掃”完成支付的模式。該模式適用於 PC 網站支付、實體店單品或訂單支付、 媒體廣告支付等場景。
申請步驟:
第一步:注冊公眾號(類型須為:服務號)
第二步:認證公眾號>>>公眾號認證后才可申請微信支付,認證費:300 元/次
第三步:提交資料申請微信支付>>>登錄公眾平台,點擊左側菜單【微信支付】,開始填寫資料等待審核,審核時間為 1- 5 個工作日內。
第四步:開戶成功,登錄商戶平台進行驗證>>>資料審核通過后,請登錄聯系人郵箱查收商戶號和密碼,並登錄商戶平台填寫財付通 備付金打的小額資金數額,完成賬戶驗證。
第五步:在線簽署協議>>>本協議為線上電子協議,簽署后方可進行交易及資金結算,簽署完立即生效。
開發文檔:
微信支付接口調用的整體思路: 按 API 要求組裝參數,以 XML 方式發送(POST)給微信支付接口(URL),微信支 付接口也是以 XML 方式給予響應。程序根據返回的結果(其中包括支付 URL)生 成二維碼或判斷訂單狀態。
在線微信支付開發文檔: https://pay.weixin.qq.com/wiki/doc/api/index.html
微信支付 SDK:
<dependency> <groupId>com.github.wxpay</groupId> <artifactId>wxpay-sdk</artifactId> <version>0.0.3</version> </dependency>