Rat's

Merger:一个美观的微信/支付宝/PayPal等付款二维码合并程序
说明:Merger是一个使用JavaScript实现大部分功能的付款二维码合并程序,界面使用了渐变色,看上去很美观...
扫描右侧二维码阅读全文
16
2019/04

Merger:一个美观的微信/支付宝/PayPal等付款二维码合并程序

说明:Merger是一个使用JavaScript实现大部分功能的付款二维码合并程序,界面使用了渐变色,看上去很美观,你可以使用Merger生成一张二维码,或者直接把你的Merger链接发送给对方。Merger会通过User Agent识别对方的客户端,随即展示相应的内容。部署起来也是很方便的,只需要做下简单的配置,再丢到任何一个能够托管静态网页的服务里即可,这样我们可以用来搭建一个属于自己的支付(打赏)页面。

截图

请输入图片描述

特性

  • 最小化的请求数,最大化的速度。
  • 拥有详尽的代码注释,方便二次开发。
  • 结合实际使用场景为每一种支付方式独立定制的展示样式。
  • 高度可定制化,页面上一切内容均可通过简单的js代码更改。无需任何编程技巧。
  • 除图片外的所有静态文件均默认使用jsDelivr分发。

安装

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

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://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";
 
#界面文字提示,可以默认不用修改
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://www.moerats.com/usr/picture/rats.png">

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

4、部署源码
这时候merger就是一个已经配置好的完整源码,你只需要安装NginxApache或者Caddy等其中一个Web服务器就可以部署了,不过这里就不详细说了,最后直接将merger文件夹丢进网站根目录就可以访问了。

Vultr新用户注册送100美元/16个机房按小时计费,支持支付宝,【点击查看】。
最后修改:2019 年 04 月 19 日 10 : 57 AM

发表评论

26 条评论

  1. LYM
    该评论仅登录用户及评论双方可见
    1. Rat's
      @LYM

      一切皆有可能

      1. LYM
        @Rat's

        懂了(继续百度)

  2. 二维码界面的字是不是不能改呀,老哥

    1. Rat's
      @凯

      一切皆有可能,你自己找下位置。

  3. 阿拉麦_阿拉导航

    二维码美化一下就完美了

  4. 殆己

    这个可以很方便的直接植入任何网页,作者已经把必要的内容封装成了cdn,别的代码都不需要,只用一个index.html就行,最近正好准备做一个聚合支付接口,开启新大陆了。

    1. 阿拉麦_阿拉导航
      @殆己

      好家伙,我以为是妲己!

      1. 殆己
  5. Kenneth

    可以做个z-blog的插件吗?

    1. Rat's
      @Kenneth

      这个可以给下面的作者提下。

  6. 逗比

    不能自动识别支付方式很菜鸡

    1. 惶心
      @逗比

      你好,其实完全支持自动识别的。如果你阅读 merger 的文档:https://merger.hxco.dev 就可以在第一页找到二维码示例。使用任何移动客户端扫描二维码可以得到相应的结果。

      如果可以的话麻烦博主把文档 url 也放上面吧……毕竟很多说明都写在了文档内。

      1. Rat's
        @惶心

        好的,已添加

    2. Rat's
      @逗比

      这个功能好像是差点,你说的这个是多码合一的吧,可以看看这个项目:https://github.com/178146582/qr

  7. 文海如

    这个东西是不是早该出来了

  8. 磨米

    我是界面控,我喜欢这样的界面

    1. Rat's
      @磨米

      一样,动态的渐变画面更好看些,截图是静态的,看起来稍微差点。

  9. zzz

    请问重新命名那里填什么?有人可以帮帮我这位小白吗

    1. Rat's
      @zzz

      命令吗?那只是解释下一个命令作用而已,照着做就行了,意思是把merger.html命名为index.html

  10. CPUFAN

    感觉很普通,无非展示两张二维码

    1. Rat's
      @CPUFAN

      玩玩而已,界面倒是挺不错的

  11. hihi

    大佬,这么多年了都没有人能够做出Google photo的docker版本,这个是有谷歌官方的限制吗

    1. Rat's
      @hihi

      这个不太清楚

  12. 惶心

    博主您好,非常感谢为我的二维码合并小程序撰写介绍文章。

    这里有一个小勘误:程序叫 merger ,是 合并者 的意思。希望能够修改一下,谢谢。

    1. Rat's
      @惶心

      尴尬,复制都复制错了,已改