說(shuō)明：Merger是一個(gè)使用JavaScript實(shí)現(xiàn)大部分功能的付款二維碼合并程序，界面使用了漸變色，看上去很美觀，你可以使用Merger生成一張二維碼，或者直接把你的Merger鏈接發(fā)送給對(duì)方。Merger會(huì)通過(guò)User Agent識(shí)別對(duì)方的客戶端，隨即展示相應(yīng)的內(nèi)容。部署起來(lái)也是很方便的，只需要做下簡(jiǎn)單的配置，再丟到任何一個(gè)能夠托管靜態(tài)網(wǎng)頁(yè)的服務(wù)里即可，這樣我們可以用來(lái)搭建一個(gè)屬于自己的支付(打賞)頁(yè)面。

截圖

特性

• 最小化的請(qǐng)求數(shù)，最大化的速度。
• 擁有詳盡的代碼注釋，方便二次開(kāi)發(fā)。
• 結(jié)合實(shí)際使用場(chǎng)景為每一種支付方式獨(dú)立定制的展示樣式。
• 高度可定制化，頁(yè)面上一切內(nèi)容均可通過(guò)簡(jiǎn)單的js代碼更改。無(wú)需任何編程技巧。
• 除圖片外的所有靜態(tài)文件均默認(rèn)使用jsDelivr分發(fā)。

安裝

Github地址：https://github.com/hifocus/merger
使用文檔：https://merger.hxco.dev

1、安裝Git

#CentOS系統(tǒng)
yum install git -y

#Debian/Ubuntu系統(tǒng)
apt install git -y

2、拉取源碼

git clone https://github.com/hifocus/merger.git
cd merger
#重新命名
mv merger.html index.html

3、編輯信息
這里只需要編輯index.html文件即可，也就是修改之前的merger.html，使用命令：

nano index.html

大致需要修改下面幾個(gè)地方：

#支付方式，需要將你的微信、QQ、支付寶收款碼圖片解析成鏈接填入即可，解析地址：https://www.sojson.com/deqr.html，paypal直接使用個(gè)人收款鏈接即可。
var wechat = "wxp://f2f0xFuBE5tqPeKu";
var alipay = "https://qr.alipay.com/fkx01299q";
var tenpay = "https://i.qianbao.qq.com/wallet/sqrcode.";
var paypal = "https://paypal.me/moerats";
 
#昵稱和頭像地址
var myname = "MOERATS";
var profile ="https://www.moerats.com/usr/picture/rats.png";
 
#界面文字提示，可以默認(rèn)不用修改
var title = "選擇你的支付方式";
var subtitle = "跟隨進(jìn)一步的指示以向" + myname + "付款";

#調(diào)試模式，可以使用#注釋掉
var debugmode = "true";

#二維碼生成api接口，直接默認(rèn)即可，不過(guò)也可以替換其它接口
var qrcodeapi = "https://www.zhihu.com/qrcode?url=";

#配置頁(yè)面標(biāo)題，更改<title> </title>中間的內(nèi)容即可。
<title>Merger - Merge your qrcode together. Even quicker.</title>

#配置頁(yè)面圖標(biāo)，更改href后面的圖片地址即可
<link rel="shortcut icon" type="image/x-icon" href="https://www.moerats.com/usr/picture/rats.png">

到這里基本上配置完成了。

4、部署源碼
這時(shí)候merger就是一個(gè)已經(jīng)配置好的完整源碼，你只需要安裝Nginx、Apache或者Caddy等其中一個(gè)Web服務(wù)器就可以部署了，不過(guò)這里就不詳細(xì)說(shuō)了，最后直接將merger文件夾丟進(jìn)網(wǎng)站根目錄就可以訪問(wèn)了。

版權(quán)聲明：本文版權(quán)歸 Rat's Blog 所有！