Merger-Plus

💸 我很可爱，请给我钱 ww

一键打钱（大误）提供从浏览器跳转至支付宝/微信支付/QQ 支付/Paypal 的能力，帮助个人开发者完成打赏功能实现。

示例页面： 快来打钱快来打钱～疯狂暗示 wink 😘

PC 端显示效果

移动端显示效果

本项目基于 hifocus/merger 上开发 ~~但其实基本把大部分代码都重新写了个遍~~ 在项目基础上实现的 Feature：

JSON 文件轻松配置三分钟搭建自己的捐赠页
所有文案表述全部走配置，在 JSON 中自定义全部文案
🌟 适配移动端，支持最完善的直接调起功能
- 网页加载完成时/选择支付宝时，支持直接调起支付宝
- 微信内打开时，长按图片即可直接调起微信付款码
- 针对 iOS 手机，保存微信/QQ 二维码后，支持直接调起微信/手机 QQ 扫码页
- 在 Android/iOS 多款手机、浏览器进行过兼容性测试，确保图片可被保存
小改了一下页面的样式，能更显著显示投喂按钮
大改了实现逻辑，生成页面更静态，性能更好

快速开始

提前安装 yarn

# 安装依赖
yarn

# 开发
yarn dev

# 构建
yarn build

之后在 dist 目录即为成品

页面信息配置

修改 config.json 即可配置页面信息，修改后重新执行 yarn dev 即可看到效果。

当然，您也可以对页面 HTML 进行拓展，页面使用 EJS 模版。

{
  "profile": "https://image.idealclover.cn/blog/assets/icon.png", //头像
  "name": "idealclover", //主标题
  "description": "来给翠翠投喂棒棒糖吧🍭", //副标题
  "qrlogo": "statics/icon.png", //二维码上logo，可不要
  "alipay": { //支付宝钱包，没有可以去掉
    "title": "😘支付宝扫一扫 投喂翠翠", //支付包钱包弹窗标题
    "othertitle": "长按图片保存，在支付宝打开<br />😘感谢投喂翠翠", //针对无法下载情况的标题
    "url": "https://qr.alipay.com/FKX00710CQCHIHK4B9CA31", //支付宝钱包跳转链接
    "open_url": "alipays://platformapi/startapp?appId=10000007&qrcode=https://qr.alipay.com/FKX00710CQCHIHK4B9CA31" //支付宝deeplink
    "savetext": "保存二维码" //保存按钮文案
  },
  "wechatpay": { //微信钱包 没有可以去掉
    "title": "微信扫一扫 投喂翠翠", //微信钱包弹窗标题
    "othertitle": "长按图片保存，在微信打开<br />😘感谢投喂翠翠", //针对无法下载情况的标题
    "url": "wxp://f2f06W7B_VcXSogUH73o9rPpeEs2jsGfVtr0" //微信钱包跳转链接
    "savetext": "保存二维码" //保存按钮文案
    "wechattitle": "长按图片扫一扫 投喂翠翠", //微信专用，微信二维码在微信内打开的标题
    "wechattext": "如使用其他方式付款，请点击右上角<br />并选择”在浏览器打开“" //微信专用，微信二维码在微信内打开的文案
    "toapptext": "保存完成，去微信扫一扫" //scheme调起微信
  },
  "tenpay": { //QQ钱包 没有可以去掉
    "title": "QQ手机版扫一扫 投喂翠翠", //QQ钱包弹窗标题
    "othertitle": "长按图片保存，在手机QQ打开<br />😘感谢投喂翠翠", //针对无法下载情况的标题
    "url": "https://vac.qq.com/wallet/qrcode.htm?m=tenpay&a=1&u=1455169173&ac=BE7F6A40B177C4558EAF9F8049F4A5BF5596E6985312BE2A2C574D0C8B1B593E&n=504%20Gateway%20Timeout&f=wallet" //QQ钱包跳转链接
    "savetext": "保存二维码" //保存按钮文案
    "toapptext": "保存完成，去手机QQ扫一扫" //scheme调起手机QQ
  },
  "paypal": { //paypal钱包，没有可以去掉
    "url": "https://www.paypal.com/paypalme/idealclover?locale.x=zh_XC" //paypal链接
  }
}

Open Source License

This project is under GNU General Public License v3.0.

Based on following open source projects:

idealclover/Merger-Plus

Merger-Plus

快速开始

页面信息配置

Open Source License