24小时在线要饭(附源码)
2023-7-28 18:33:23 Author: blog.upx8.com(查看原文) 阅读量:28 收藏

  1. 纯原生js手撸,无任何框架
  2. 不用数据库,不用部署服务器上
  3. 零成本,代码部署GitHub,CF托管加速,数据托管在leancloud
  4. 移动端交互体验超棒,一键打赏,免去app来回切换
  5. 微信内分享打赏更方便,长按即可(需域名备案

克隆代码

git clone https://github.com/yong-s/alms.git

修改配置

替换为自己的收款码

images内分别替换微信、支付宝的收款码

替换为自己的scheme url

支付宝替换:qrcode后面的值改为自己的收款码链接

alipays://platformapi/startapp?saId=10000007&qrcode=https%3A%2F%2Fqr.alipay.com%2Ffkx17568wleuqk0ebdb8ia3

替换为自己的leancloud API key

  1. 没有去注册leancloud,国际版不用备案
  2. 使用开发版(免费
  3. 设置-应用凭证-复制AppKey
  4. custom.js内修改App_Key为上一步复制的
  5. 国际版需要使用自定义的域名,API_BASE_URL 改为自己的,先去设置-域名绑定

部署

GitHub pages等服务器

通过GitHub pages,域名托管在cloudflare上,几块钱买一年的域名,完美搞定

对象存储

优点:免去域名备案,微信内直接打开,腾讯云cos按量计费 缺点:🈚️,要说有,就是不知道这个口子啥时候会被关了

  1. 去腾讯☁️后台,找到对象存储,新建存储桶,基础配置,静态网站打开
  2. 上传index.html assets images
  3. 直接访问给的域名即可
  •  实现对象存储,可以免去备案,方便微信内分享
  •  国际化,中英文显示
  •  支持国际(PayPal)收款,开启全世界要饭模式🤣
  •  支持加密货币收款₿
  1. 模版来自HTML5 UP
  2. 部分灵感参考
  3. donate
  4. 感谢ChatGPT🙏,纯原生js,通过GPT辅助完成✅
  5. 感谢Midjourney🙏提供背景图片
  6. favicon提供favicon支持

文章来源: https://blog.upx8.com/3718
如有侵权请联系:admin#unsafe.sh