第二步：对接支付宝当面付进行电脑网站和手机网站收款
项目地址：https://github.com/Tai7sy/card-system
该系统采取Laravel / Vue + MuseUI + Element ，界面 UI 非常都雅，后台界面更是让人线人一新，非常赞的一款在线卡密发卡系统。该系统致力于办理虚拟商品的快捷寄售做事，为商户及买家供应，便捷、绿色、安全、快速的发卖和购买体验。
截图
电脑端前端演示
移动端演示
优点
非常完善的支付系统（险些涵盖所有常见支付接口）目前为止后台 UI 最都雅的发卡系统后台收益统计、支持优惠劵添加支持电脑端和移动端支付办法分别设置图文安装
github 地址：
环境哀求： Nginx、PHP 测试环境为7.1。
1.安装宝塔
参考宝塔教程
2.添加网站
LNMP 环境支配完成后，打开宝塔面板，添加网站，并设置伪静态。
3.源码安装
源码获取：https://github.com/Tai7sy/card-system/releases
#以下内容全部复制后粘贴到 SHH 工具cd /www/wwwroot/card.com #进入网站目录(此处请修正 card.com 为自己的网站)curl -L -o card_release.tar.gz https://github.com/Tai7sy/card-system/releases/download/2.5/card_release.tar.gz && tar -zxf card_release.tar.gz && \cp -rf card_free_dist/. . && rm -rf card_free_dist card_release.tar.gzchmod -R 777 storage/ chmod -R 777 bootstrap/cache/chmod -R 777 app/Library/Pay/Aliqr/f2fpay/log/ #如果利用了支付宝当面付chmod -R 777 app/Library/Pay/WeChat/logs/ #如果利用了微信支付修正配置文件php -r \"大众copy('.env.example', '.env');\"大众php artisan key:generate
4.数据库安装
新建数据库，然后修正.env 文件
SSH 端构建数据库
php artisan migrate:fresh --seedphp artisan cache:clear
5.宝塔面板设置
进入面板，网站设置里面关闭防跨站攻击(open_basedir), 并设置运行目录为/public。
配置伪静态
location / { try_files $uri $uri/ /index.php?$query_string;}
后端设置
管理后台为域名/admin ，默认账户
管理中央 – 网站设置 – 常规, 填写 网站地址 与 网站 API 地址, 保存配置
管理中央 – 支付渠道, 配置你的支付信息
忘却密码后重置
php artisan reset:password admin@qq.com 123456第二步：对接支付宝当面付进行电脑网站和手机网站收款
1.登录 https://b.alipay.com 完成签署
如上所示，我们已经签约成功，也就意味着成功开通了当面付功能，接下来点击“前往商家平台”。
2. 为当面付接入运用
如上图，分别点击“开拓者中央”->“支付接入”，并输入运用名称进行创建。
3. 填写接口干系信息
这里大家须要准备4样东西，分别如下：
3.1 当面付异步支付回调地址
当面付的异步支付回调地址，请在 风铃平台的支付接口中探求，如下图
异步支付回调地址
3.2 商户运用私钥 + 3.3 商户运用公钥
须要您下载支付宝 “RSA 署名验签工具”自主天生。
3.4 运用 LOGO
这个您根据自己的 logo 制作，然后准备好就可以啦
填写支付运用信息，并完成运用开通嗯，在第三步骤中，大家已经准备好的材料填写到运用申请中即可，大略的描述一下申请逻辑，
1.“回调地址”填写到支付宝运用的“授权回调地址”中，
2.“商户运用公钥”填写至支付宝运用的“加密办法”中，并天生“支付宝公钥”，
3. 运用 logo 上传至支付宝的 logo 中。然后提交审核，（审核韶光约数小时）如下图：
通过以上的步骤，我们分别获取了“APPID”、“支付宝公钥”、“商户运用私钥”，分别填写至支付接口中确当面付的对应选项中即可完成对接。如下图：
收款演示图
购买演示产品图
当面付支付演示图
