億品元素設計資源博客

品味經典包裝設計,版式設計,分享實用設計資源、設計軟件、插件下載及在線書法字體生成
登錄注冊 聯系合作 投稿

億品元素 » 教程技巧 » 支付寶微信QQ錢包收款碼合并教程及源碼
支付寶微信QQ錢包收款碼合并教程及源碼

支付寶微信QQ錢包收款碼合并教程及源碼

分享一篇支付寶、微信、QQ錢包收款二維碼合并教程,適合做微商及開小店的朋友掌握。收款碼合并可以將微信收款碼、支付寶收款碼以及QQ錢包收款碼合并為一個二維碼,這樣對方支付時只要掃一個二維碼即可,方便實用!…

分享一篇支付寶、微信、QQ錢包收款二維碼合并教程,適合做微商及開小店的朋友掌握。收款碼合并可以將微信收款碼、支付寶收款碼以及QQ錢包收款碼合并為一個二維碼,這樣對方支付時只要掃一個二維碼即可,方便實用!

shoukuanma

在線制作多合一收款二維碼

應該有很多網站都可以在線制作多合一收款二維碼,其中芝麻二維碼就是其中一個。

芝麻二維碼最近推出的“收款碼合并”功能就是將微信收款碼和支付寶收款碼以及QQ錢包收款碼合并為一個二維碼!聽上去感覺很神奇,快來試試吧!

1、首先你要分別獲取微信、支付寶、QQ收款碼的二維碼。

  • 如何獲取微信收款碼?
    打開微信,點擊右上角的【+】號,再點擊收付款,然后點擊【我要收款】,最后保存收款碼或截圖即可。
  • 如何獲取支付寶收款碼?
    打開支付寶,在其首頁點擊一下【收錢】,點擊右上角的【...】最后保存二維碼或截圖即可。
  • 如何獲取QQ收款碼?
    打開手機QQ,在其主界面點擊右上角的【+】號,再點擊付款,然后點擊右上角的【...】選擇【我要收款】,最后保存二維碼或截屏到相冊即可。

2、打開有收款碼合并功能的網站,注冊并登陸。

https://www.hotapp.cn/shouqian

3、點擊免費合并收款碼,然后按提示上傳或者掃碼你剛才獲取的微信、支付寶、QQ收款碼的二維碼

4、最后點免費合并即可。

shoukuan

上圖就是在芝麻收款中合并的收款碼,大家可以掃一下試試(如果還打個款就再好不過了^_^)

上面的教程是針對普通用戶,如果你是網站站長或者博客博主,想在自己網站上放個萬能收款碼,那么你可以往下看!

網站站長制作多合一收款二維碼

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

那么問題來了,如何進行判定呢?很好辦,根據 UA 就能進行判定了!

判斷UA的代碼如下:

if(navigator.userAgent.match(/Alipay/i)) {

// 支付寶

} else if(navigator.userAgent.match(/MicroMessenger\//i)) {

// 微信

} else if(navigator.userAgent.match(/QQ\//i)) {

// QQ

} else {

// 其它

}

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

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

最終完成的效果依然和上面的芝麻收款大同小異。

文末提供了收款碼合并的源碼下載(單文件純 html 實現,需上傳至網站空間使用)

注:請將代碼中第 12、15、18行中的收款鏈接改為自己的(不改我也不介意)。

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

附:收款鏈接獲取方法(圖示)

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

打開微信,點擊右上角>收付款

收款碼合并

找到“二維碼收款”

收款碼合并

將得到的收款二維碼保存(截圖)

用二維碼識別工具(如 https://cli.im/deqr/) 上傳二維碼圖片并獲取到二維碼中的收款鏈接。

收款碼合并

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

收款碼合并

收到網友反饋,說源碼中被加料,仔細檢查了一下,已經移除被加料內容,請下載過的朋友重新下載吧,有問題也請反饋。

支付寶微信QQ錢包收款碼合并教程及源碼

打賞

如果本站對您有所幫助,請考慮對本站打賞支持一下:

打賞支持
相關內容

4個評論

  1. 渴望光明88 說道:

    不能用,

    1. 書法字體 說道:

      @渴望光明88 : 源碼是要放服務器上的

      1. 軟木 說道:

        @書法字體 : 修改完之后能不能直接用瀏覽器打開

  2. 團團圓圓 說道:

    正是想要的,感謝分享

發表評論

如何下載本站資源『所有留言都會被審核,請勿發布垃圾評論』

(必填)*

四川快乐12选号技巧 山东快乐扑克3开奖直播 江西多乐彩11选五开奖走势图 足球拼音 广西风采快乐双彩开奖 顶呱刮彩票下载安装 25选5胆拖表 澳洲幸运8在线计划 福建22选5第19236期 如何网上写小说赚钱 天津11选五奖金说明