制作万能收款码，支持支付宝，微信 ，QQ收款

前言：

     今日闲来无事，想着做一个万能收款码，看了下芝麻的支付活码合成下竟然收4.5元，
于是就有了这个文章了，平时收款也方便了

所需工具

1.支付宝收款码
2.微信收款码
3.QQ收款码
4.github账号（可搭建静态页码存放二维码）

正文

       不同的客户端扫描出来给出不同的收款吗的信息。这就是调用了浏览器的UA，

比如微信扫描出来给出微信的二维码，支付宝扫描出来给出支付宝的二维码、

具体的UA 可参见浏览器野史 UserAgent列传。

但是在QQ和微信中并不能直接调用付款功能，只有支付宝能直接进行付款。

 

一  下载源文件

 github       直接下载

用专门的Html的编辑器打开（notepad++）进行编辑，不要用记事本打开，否则可能会出现乱码！！！！！用专门的Html的编辑器打开（notepad++）进行编辑，不要用记事本打开，否则可能会出现乱码！！！！！用专门的Html的编辑器打开（notepad++）进行编辑，不要用记事本打开，否则可能会出现乱码！！！！！

或者直接上传到github上进行编辑也是可以的

二 获取二维码信息

这里以支付宝为例，QQ，微信，以此类推

打开支付宝-收钱-保存图片

用二维码识别工具，上传二维码，提取二维码信息 。（微信，QQ同理），并以此记录下来。

附几个识别地址：

1 https://cli.im/deqr/

2 https://jiema.wwei.cn/

3 https://www.hotapp.cn/jiema

三 更改源文件

并以此记录下来填写并替换到html文件中

qqUrl: "QQ收款码识别的地址",

wechatUrl: "微信收款码识别的地址",

aliUrl: "支付宝收款码识别的地址",

这里的也可以改，可以根据自己的需要，比如向谁谁付款。

1，主页二维码下方的展示文字

2，QQ扫描后二维码下方文字

3，微信扫描后二维码下方展示的文字

更改完了保存就好了。

四 用GitHub发布页面

我们这里用的GitHub Pages，当然也可以搭建到自己博客上去。

1 登录github 点击Start a project  新建项目

2 填写自己的项目名称，然后点击  Create repository

3 选择上传文件

4 上传自己刚刚更改的html文件 

5 点击设置，去发布页面

6 往下滚  找到GitHub Pages ， 将 Source 改为master branch

7 测试域名

这样点击右侧的域名①就可以显示自己的万能收款码了。

当然自己有域名的话在②处添加自己的域名，（还是添加自己的备案的域名比较好，这样就微信就不会有烦人提示了。）

参考：

        1  孟坤博客