快乐十分前三组常出号

萬能收錢碼-多合一收款二維碼原理及源碼-支持支付寶、微信、QQ - 新浪小金戈-金戈blog-科技未來-個人小菜園-哈爾濱熱點-搜索小金戈

首頁>> 建站相關 >>萬能收錢碼-多合一收款二維碼原理及源碼-支持支付寶、微信、QQ - 新浪小金戈-金戈blog-科技未來-個人小菜園-哈爾濱熱點-搜索小金戈

 好多用戶反映掃碼出來之后沒有二維碼出現,這個問題是二維碼生成網站的api接口發生變動,自行替換qrcodeApi 后面的地址即可(下圖)


    另外:一個朋友想設置多個微信收款碼隨機跳轉,經過朋友 小王博客  幫助得以解決,具體請看文末的附件下載里面的 zz.html 文件。

     以下是舊文

最近去超市看到好多商戶一個二維碼同時支持支付寶、微信、QQ掃描付款,所以回來自己上網研究了一下。整理了一個現成的源碼,有需要的朋友可以下載自己研究下。

     主要參考了芝麻二維碼無論是支付寶還是微信的收款碼,其本質上是一個包含了收款鏈接的二維碼。所以我們的思路是:檢測如果是支付寶瀏覽頁面,就給出支付寶的付款鏈接、如果是微信,就給出微信鏈接……   

那么問題來了,如何進行判定呢?

很好辦,根據 UA 就能進行判定了!不懂什么是 UA?請參照(mkblog.cn) 瀏覽器野史 – UserAgent列傳 這篇博文。

這部分的代碼如下:

  1. if(navigator.userAgent.match(/Alipay/i)) {
  2. // 支付寶
  3. } else if(navigator.userAgent.match(/MicroMessenger\//i)) {
  4. // 微信
  5. } else if(navigator.userAgent.match(/QQ\//i)) {
  6. // QQ
  7. } else {
  8. // 其它
  9. }

理論上來說,進行判定后直接給跳轉到對應的收款頁面就行了,然而實際測試發現在QQ和微信中并不能直接調用付款功能,只有支付寶能直接進行付款。

這里就只能用一個折中的辦法:如果是QQ或微信掃的碼,就再放出一個二維碼的界面,讓用戶通過長按識別二維碼進入支付流程。

最終完成的效果如下:


你可以用 QQ 或是微信或是支付寶中的任意一個掃描這個二維碼進行測試(當然如果打賞一下一斗米就再好不過了,手打偷笑…… 
 )




注:

1.請將代碼中第 19、22、25行中的收款鏈接改為自己的。

2.代碼中第 108、117、126行中的文字可以自己修改成喜歡的。


請用專門的 Html 編輯器(如 sublime/notepad++)進行編輯,切勿直接用記事本編輯,否則可能出現中文亂碼!

知識拓展:

以下以微信為例,QQ、支付寶的獲取方法類似。

獲取到各自的收款二維碼截圖。

用二維碼識別工具(如 https://cli.im/deqr/) 上傳二維碼圖片并獲取到二維碼中的收款鏈接。(不知道為什么我操作過程中有些識別不出來,備用方法https://www.hotapp.cn/jiema

將獲取到的收款鏈接粘貼并替換源碼中的鏈接即可。


  1. // 在以下雙引號中粘貼QQ錢包收款鏈接
  2. qqUrl: "https://i.qianbao.qq.com/wallet/sqrcode.htm?m=tenpay&a=1&u=1070238&ac=123AA8FA99EAEECBA53D8A29BF8B06963AEA141B073F9DD9DF683C03991BFEC9&n=?????&f=wallet",
  3. // 在以下雙引號中粘貼微信收款鏈接 (新版微信貌似地址開頭是wxp://,不影響直接替換下方地址即可)
  4. wechatUrl: "https://wx.tenpay.com/f2f?t=AQAAABjEwaSRqT0fh0siYok3d1o%3D",
  1. // 在以下雙引號中粘貼支付寶收款鏈接
  2. aliUrl: "HTTPS://QR.ALIPAY.COM/FKX02258IEDCF4CBEYRR82",


成品源碼下載(單文件純 html 實現,需上傳至網站空間使用):




×

感謝您的支持,我們會一直保持!

掃碼支持
請土豪掃碼隨意打賞

打開支付寶掃一掃,即可進行掃碼打賞哦

分享從這里開始,精彩與您同在

打賞作者
版權所有,轉載注意明處:新浪小金戈-金戈blog-科技未來-個人小菜園-哈爾濱熱點-搜索小金戈 » 萬能收錢碼-多合一收款二維碼原理及源碼-支持支付寶、微信、QQ

發表評論

路人甲 表情
Ctrl+Enter快速提交

網友評論(0)

中国福彩快乐十分