微信二維碼的前后端實現(手記)


一.二維碼簡介

二維碼又稱 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>

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM