【网站部署】十四合一代付系统部署教程

示例图片

环境准备

1:服务器系统:CentOS8以上或者Ubuntu22.04
2:操作面板宝塔:宝塔安装命令

if [ -f /usr/bin/curl ];then curl -sSO https://download.bt.cn/install/install_panel.sh;else wget -O install_panel.sh https://download.bt.cn/install/install_panel.sh;fi;bash install_panel.sh ed8484bec

3:服务环境:nginx1.26 MySQL5.7 安装 Node.js 版本管理器并设置为 v18.20.7。
4:需要准备两个域名,前台必须备案域名
5:已认证的公众号,使用官方支付准备微信商户

图片[1]-【网站部署】十四合一代付系统部署教程-小昂裕的百宝库
  • 源码处理:上传到/www/wwwroot/目录解压,设置写入权限,进入源码目录终端执行 chmod 777 [instal.sh]
  • 安装服务:依次执行./[install.sh](instal.sh),输入编号2 检测环境、y 配置国内 npa 源、4 安装后端服务、5 安装前端服务。
  • 域名与证书:在 node 项目添加项目,配置前后台域名,申请 ssl 证书并开启强制 https。
  • 数据库安装:访问后台域名/admin 安装数据库,安装后重启后台项目。
  • 前端配置:修改 config.js 等文件内的域名、公众号 ID 等,不同修改有不同的重新编译和重启要求。
  • 后端配置:可修改订单默认过期时间等,修改后部分需重启后端服务生效,部分通过管理后台更新自动生效。
图片[2]-【网站部署】十四合一代付系统部署教程-小昂裕的百宝库

1:提前添加一个数据库,后续安装需要使用

图片[3]-【网站部署】十四合一代付系统部署教程-小昂裕的百宝库

2:把源码上传到/www/wwwroot/日录并解压,解压之后右击文件选择权限,把写入勾选上然后保存

图片[4]-【网站部署】十四合一代付系统部署教程-小昂裕的百宝库

后端部署

进入刚刚解压压缩包的server后端文件夹,编辑.env文件

图片[5]-【网站部署】十四合一代付系统部署教程-小昂裕的百宝库

把数据库名密码账号修改成刚刚你添加的

图片[6]-【网站部署】十四合一代付系统部署教程-小昂裕的百宝库

回到www文件夹下,设置install.sh权限777

图片[7]-【网站部署】十四合一代付系统部署教程-小昂裕的百宝库
图片[8]-【网站部署】十四合一代付系统部署教程-小昂裕的百宝库

点击终端

图片[9]-【网站部署】十四合一代付系统部署教程-小昂裕的百宝库

运行启动命令:sh install.sh 然后按回车

图片[10]-【网站部署】十四合一代付系统部署教程-小昂裕的百宝库

然后输入 4 按回车 让他自动安装依赖

图片[11]-【网站部署】十四合一代付系统部署教程-小昂裕的百宝库

安装完成后,点击网站,选择node项目,添加项目

图片[12]-【网站部署】十四合一代付系统部署教程-小昂裕的百宝库

选择刚刚解压出来的server文件夹,启动项选3000,包管理器选择npm 运行用户Root 端口3000 记得勾选放行端口

下方域名栏填写你的域名用作于后台登录

图片[13]-【网站部署】十四合一代付系统部署教程-小昂裕的百宝库

开启SSL并强制跳转

图片[14]-【网站部署】十四合一代付系统部署教程-小昂裕的百宝库
图片[15]-【网站部署】十四合一代付系统部署教程-小昂裕的百宝库
图片[16]-【网站部署】十四合一代付系统部署教程-小昂裕的百宝库

然后在浏览器打开你的域名+/admin 进入到安装解密

图片[17]-【网站部署】十四合一代付系统部署教程-小昂裕的百宝库

输入数据库账号密码点击链接测试,显示链接成功就没问题点击保存配置

图片[18]-【网站部署】十四合一代付系统部署教程-小昂裕的百宝库

就会自动跳转到后台

图片[19]-【网站部署】十四合一代付系统部署教程-小昂裕的百宝库

前端部署

进入client/public文件夹点击config文件

图片[20]-【网站部署】十四合一代付系统部署教程-小昂裕的百宝库

第二行,修改成你刚刚部署后端的域名,记得http要改成https 后面的v1不要更改或者删除

第三行,修改成你准备好的前端域名,记得http要改成https

第四回修改成你 公众号的APPID

图片[21]-【网站部署】十四合一代付系统部署教程-小昂裕的百宝库

返回到wwwroot文件夹点击终端,运行命令 sh install.sh

图片[22]-【网站部署】十四合一代付系统部署教程-小昂裕的百宝库

输入5耐心等待他安装依赖构建项目

图片[23]-【网站部署】十四合一代付系统部署教程-小昂裕的百宝库

构建完成后,点击网站-Node项目-添加项目,目录选择client

启动选选安装start port 3001的

图片[24]-【网站部署】十四合一代付系统部署教程-小昂裕的百宝库

包管理器选择npm,端口3001,填写域名选择你刚刚设置文件的填写的前端域名

图片[25]-【网站部署】十四合一代付系统部署教程-小昂裕的百宝库

然后设置ssl证书,并强制跳转

图片[15]-【网站部署】十四合一代付系统部署教程-小昂裕的百宝库

由于全局需要 /h5 访问,需要做特殊处理,请按照以下步骤操作

点击前端项目的配置文件找到49行

图片[27]-【网站部署】十四合一代付系统部署教程-小昂裕的百宝库

添加以下代码然后点击保存

   location ~ ^/([^/]+\.txt)$ {
       proxy_pass http://127.0.0.1:3001/h5/$1;
       proxy_set_header Host $host:$server_port;
       proxy_set_header X-Real-IP $remote_addr;
       proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
       proxy_set_header REMOTE-HOST $remote_addr;
   }
图片[28]-【网站部署】十四合一代付系统部署教程-小昂裕的百宝库

重启一下前端项目即可完成

图片[29]-【网站部署】十四合一代付系统部署教程-小昂裕的百宝库

14、登录后台修改公众号ID和密钥以及微信支付配置

15.前端地址:域名/h5

教程完毕

端口修改:

后端 server.js  431行 const PORT = config.port || 3000;改为 const PORT = 端口号; 后端 package.json 7行 前端package. json   8行

数据库修改:

/www/wwwroot/mini-shop/server/config.json    编辑 line 5: “user”: “mt511”,
line 6: “password”: “mt511”,
line 7: “database”: “mt511”

前端配置:

1.修改网站标题 文件路径:/www/wwwroot/mini-shop-prod/client/src/config/config.ts 注意:修改后需要重新编译执行步骤5(配置前端环境)并重启项目   2.修改分享页配置 文件路径:/www/wwwroot/mini-shop-master/client/src/app/share/[shareCode]/page.tsx 修改内容:更新页面标题和跳转URL 注意:修改后需要重新执行步骤3(配置前端环境)并重启项目   3.修改分享卡片图片 文件路径:/www/wwwroot/mini-shop-master/client/src/app/order/confirm/page.tsx 修改内容:更新分享卡片图片URL 注意:修改后需要重新执行步骤3(配置前端环境)并重启项目   4.更新域名和AppID配置 文件路径:/www/wwwroot/mini-shop-master/client/public/config.js 可修改内容: ·API URL:后端接口域名 ASSET PREFIX:前端资源前缀 WECHAT APP ID:微信公众号AppID 注意:修改后无需重新构建,如未生效请手动重启服务

后端配置:

1.修改订单默认过期时间 文件路径:/www/wwwroot/mini-shop-master/server/controllers/orderController.js 修改内容:找到以下过期时间配置并按需更新 携程订单:30分钟(30*60*1000) 美团订单:15分钟(15*60*1000) 京东订单:24小时(24*60*60*1000) 拼多多订单:24小时(24*60*60*1000) 滴滴订单:24小时(24*60*60*1000) 注意:修改后需要重启后端服务生效 2.其他后端配置 所有其他后端配置均可通过管理后台页面更新 更新后自动生效,如未生效请手动重启后端服务
© 版权声明
THE END
喜欢就支持一下吧
点赞7 分享
评论 抢沙发

请登录后发表评论

    暂无评论内容