说明:Merge
是一个使用JavaScript
实现大部分功能的付款二维码合并程序,界面使用了渐变色,看上去很美观,你可以使用Merge
生成一张二维码,或者直接把你的Merge
链接发送给对方。Merge
会通过User Agent
识别对方的客户端,随即展示相应的内容。部署起来也是很方便的,只需要做下简单的配置,再丢到任何一个能够托管静态网页的服务里即可,这样我们可以用来搭建一个属于自己的支付(打赏)页面。
截图
特性
- 最小化的请求数,最大化的速度。
- 拥有详尽的代码注释,方便二次开发。
- 结合实际使用场景为每一种支付方式独立定制的展示样式。
- 高度可定制化,页面上一切内容均可通过简单的
js
代码更改。无需任何编程技巧。 - 除图片外的所有静态文件均默认使用
jsDelivr
分发。
安装
Github地址:https://github.com/hifocus/merger
1、安装Git
#CentOS系统
yum install git -y
#Debian/Ubuntu系统
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
大致需要修改下面几个地方:
#支付方式,需要将你的微信、QQ、支付宝收款码图片解析成链接填入即可
#解析地址:https://www.sojson.com/deqr.html , Paypal直接使用个人收款链接即可。
var wechat = "wxp://f2f0xFuBE5qP53Ku";
var alipay = "https://qr.alipay.com/fkx013539q";
var tenpay = "https://i.qianbao.qq.com/wallet/sqrcode.";
var paypal = "https://paypal.me/hugoyuice";
#昵称和头像地址
var myname = "MoeWah";
var profile ="https://ws3.sinaimg.cn/large/006tKfTcly1g0d4q5otxij30dw0dwgm6.jpg";
#界面文字提示,可以默认不用修改
var title = "选择你的支付方式";
var subtitle = "跟随进一步的指示以向" + myname + "付款";
#调试模式,可以使用#注释掉
var debugmode = "true";
#二维码生成api接口,直接默认即可,不过也可以替换其它接口
var qrcodeapi = "https://www.zhihu.com/qrcode?url=";
#配置页面标题,更改<title> </title>中间的内容即可。
<title>Merger - Merge your qrcode together. Even quicker.</title>
#配置页面图标,更改href后面的图片地址即可
<link rel="shortcut icon" type="image/x-icon" href="https://ws3.sinaimg.cn/large/006tKfTcly1g0d4q5otxij30dw0dwgm6.jpg">
到这里基本上配置完成了。
4、部署源码
这时候merger
就是一个已经配置好的完整源码,你只需要安装Nginx
、Apache
或者Caddy
等其中一个Web
服务器就可以部署了,不过这里就不详细说了,最后直接将merger
文件夹丢进网站根目录就可以访问了。更多Merger
部署安装姿势请访问 -> 官方文档
相关推荐
- ngx_waf:一款高大全的 Nginx 网站防火墙模块
- LNMP 编译安装 ngx_pagespeed 模块给网站提速!
- H5自适应网站封装百度智能小程序,获取百度流量!
- 如何彻底禁止百度等搜索引擎收录
- Nginx 查看并发连接数的两种方法
- 解决Nginx出现“Too many open files”的问题
文章作者:喵斯基部落
原文地址:https://www.moewah.com/archives/1455.html
版权声明:本博客所有文章除特别声明外,均采用 CC BY-NC-SA 4.0 许可协议。非商业转载及引用请注明出处(作者、原文链接),商业转载请联系作者获得授权。