部署独立打赏界面-支付宝当面付接口

前些天有人评论问我独立打赏页面怎么制作的,今天我们就来部署这个打赏界面,这个最大的特点就是手机端支持跳转到支付宝付款,部署过程也比较简单,直接从github下载源码,修改一下一些内容,直接上传到网站上,项目地址https://github.com/allures/yaofan,现在开始吧。

准备

  1. 支付宝当面付接口(没有的话,先申请)申请过程参考这里
  2. 这里使用我修改过的源码,做了细节优化。下载地址密码:1998
  3. 宝塔面板
  4. 一个域名

部署过程

推荐使用vscode修改,你用记事本修改也行,vscode看的舒服一点,你喜欢用哪个就用哪个,我下面都用vscode修改

添加kay

首先最重要的就是添加你支付宝的key,打开app文件下面的config.php,修改下面参数。
修改了数据库名,也要修改db下的数据库文件名

修改网站小图标

再修改一下不重要的信息,修改index.htm文件,第十行修改网站图标

修改网站大头像

第34行修改网站主页头像

修改支付宝号红包码

第51行修改支付宝红包码,我在原版的基础上加了一小段代码,右下角红包码,pc端显示,手机端隐藏

修改页脚信息

最后修过底部代码添加页脚信息

上传程序

添加站点

上传文件

文件上传到根目录就行了,记得设置ssl和域名解析,访问域名就行了,页面就完成了

打赏界面就完成了。怎么才能像我这样底部设置一个打赏按钮呢,插入一个打赏图片居中显示,插入你打赏页面链接,就ok了。

喜欢的话点击下面按钮,现在支付宝红包也非常大😘

作者:Lu
链接:https://llxx.cc/pay-alipay/
来源:Lu's Blog

THE END

打赏
< <上一篇
下一篇>>
文章目录
关闭
目 录