/Merger-Plus

💸一键从电脑/手机跳转至支付宝/微信支付的能力,帮助个人开发者完成打赏功能实现。

Primary LanguageHTMLGNU General Public License v3.0GPL-3.0

Merger-Plus

💸 我很可爱,请给我钱 ww

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

示例页面: 快来打钱快来打钱~疯狂暗示 wink 😘

  • PC 端显示效果

PC

  • 移动端显示效果

Mobile

本项目基于 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: