环境准备
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]-【网站部署】十四合一代付系统部署教程-小昂裕的百宝库](https://img.fengzhuang.cc/i/2025/12/13/091649.webp)
- 源码处理:上传到/www/wwwroot/目录解压,设置写入权限,进入源码目录终端执行 chmod 777 [instal.sh]
- 安装服务:依次执行./[install.sh](instal.sh),输入编号2 检测环境、y 配置国内 npa 源、4 安装后端服务、5 安装前端服务。
- 域名与证书:在 node 项目添加项目,配置前后台域名,申请 ssl 证书并开启强制 https。
- 数据库安装:访问后台域名/admin 安装数据库,安装后重启后台项目。
- 前端配置:修改 config.js 等文件内的域名、公众号 ID 等,不同修改有不同的重新编译和重启要求。
- 后端配置:可修改订单默认过期时间等,修改后部分需重启后端服务生效,部分通过管理后台更新自动生效。
![图片[2]-【网站部署】十四合一代付系统部署教程-小昂裕的百宝库](https://img.fengzhuang.cc/i/2025/12/13/093529.webp)
1:提前添加一个数据库,后续安装需要使用
![图片[3]-【网站部署】十四合一代付系统部署教程-小昂裕的百宝库](https://img.fengzhuang.cc/i/2025/12/13/093659.webp)
2:把源码上传到/www/wwwroot/日录并解压,解压之后右击文件选择权限,把写入勾选上然后保存
![图片[4]-【网站部署】十四合一代付系统部署教程-小昂裕的百宝库](https://img.fengzhuang.cc/i/2025/12/13/093753.webp)
后端部署
进入刚刚解压压缩包的server后端文件夹,编辑.env文件
![图片[5]-【网站部署】十四合一代付系统部署教程-小昂裕的百宝库](https://img.fengzhuang.cc/i/2025/12/13/093911.webp)
把数据库名密码账号修改成刚刚你添加的
![图片[6]-【网站部署】十四合一代付系统部署教程-小昂裕的百宝库](https://xiaoangyu.cc/wp-content/uploads/2025/12/image-1-1024x478.png)
回到www文件夹下,设置install.sh权限777
![图片[7]-【网站部署】十四合一代付系统部署教程-小昂裕的百宝库](https://img.fengzhuang.cc/i/2025/12/13/095922.webp)
![图片[8]-【网站部署】十四合一代付系统部署教程-小昂裕的百宝库](https://img.fengzhuang.cc/i/2025/12/13/100017.webp)
点击终端
![图片[9]-【网站部署】十四合一代付系统部署教程-小昂裕的百宝库](https://img.fengzhuang.cc/i/2025/12/13/094051.webp)
运行启动命令:sh install.sh 然后按回车
![图片[10]-【网站部署】十四合一代付系统部署教程-小昂裕的百宝库](https://img.fengzhuang.cc/i/2025/12/13/094149.webp)
然后输入 4 按回车 让他自动安装依赖
![图片[11]-【网站部署】十四合一代付系统部署教程-小昂裕的百宝库](https://img.fengzhuang.cc/i/2025/12/13/094346.webp)
安装完成后,点击网站,选择node项目,添加项目
![图片[12]-【网站部署】十四合一代付系统部署教程-小昂裕的百宝库](https://img.fengzhuang.cc/i/2025/12/13/094429.webp)
选择刚刚解压出来的server文件夹,启动项选3000,包管理器选择npm 运行用户Root 端口3000 记得勾选放行端口
下方域名栏填写你的域名用作于后台登录
![图片[13]-【网站部署】十四合一代付系统部署教程-小昂裕的百宝库](https://img.fengzhuang.cc/i/2025/12/13/094536.webp)
开启SSL并强制跳转
![图片[14]-【网站部署】十四合一代付系统部署教程-小昂裕的百宝库](https://img.fengzhuang.cc/i/2025/12/13/094724.webp)
![图片[15]-【网站部署】十四合一代付系统部署教程-小昂裕的百宝库](https://img.fengzhuang.cc/i/2025/12/13/094743.webp)
![图片[16]-【网站部署】十四合一代付系统部署教程-小昂裕的百宝库](https://img.fengzhuang.cc/i/2025/12/13/095805.webp)
然后在浏览器打开你的域名+/admin 进入到安装解密
![图片[17]-【网站部署】十四合一代付系统部署教程-小昂裕的百宝库](https://img.fengzhuang.cc/i/2025/12/13/100218.webp)
输入数据库账号密码点击链接测试,显示链接成功就没问题点击保存配置
![图片[18]-【网站部署】十四合一代付系统部署教程-小昂裕的百宝库](https://img.fengzhuang.cc/i/2025/12/13/100633.webp)
就会自动跳转到后台
![图片[19]-【网站部署】十四合一代付系统部署教程-小昂裕的百宝库](https://img.fengzhuang.cc/i/2025/12/13/100717.webp)
前端部署
进入client/public文件夹点击config文件
![图片[20]-【网站部署】十四合一代付系统部署教程-小昂裕的百宝库](https://img.fengzhuang.cc/i/2025/12/13/102901.webp)
第二行,修改成你刚刚部署后端的域名,记得http要改成https 后面的v1不要更改或者删除
第三行,修改成你准备好的前端域名,记得http要改成https
第四回修改成你 公众号的APPID
![图片[21]-【网站部署】十四合一代付系统部署教程-小昂裕的百宝库](https://img.fengzhuang.cc/i/2025/12/13/103048.webp)
返回到wwwroot文件夹点击终端,运行命令 sh install.sh
![图片[22]-【网站部署】十四合一代付系统部署教程-小昂裕的百宝库](https://img.fengzhuang.cc/i/2025/12/13/103242.webp)
输入5耐心等待他安装依赖构建项目
![图片[23]-【网站部署】十四合一代付系统部署教程-小昂裕的百宝库](https://img.fengzhuang.cc/i/2025/12/13/103325.webp)
构建完成后,点击网站-Node项目-添加项目,目录选择client
启动选选安装start port 3001的
![图片[24]-【网站部署】十四合一代付系统部署教程-小昂裕的百宝库](https://img.fengzhuang.cc/i/2025/12/13/103702.webp)
包管理器选择npm,端口3001,填写域名选择你刚刚设置文件的填写的前端域名
![图片[25]-【网站部署】十四合一代付系统部署教程-小昂裕的百宝库](https://img.fengzhuang.cc/i/2025/12/13/103823.webp)
然后设置ssl证书,并强制跳转
![图片[15]-【网站部署】十四合一代付系统部署教程-小昂裕的百宝库](https://img.fengzhuang.cc/i/2025/12/13/094743.webp)
由于全局需要 /h5 访问,需要做特殊处理,请按照以下步骤操作
点击前端项目的配置文件找到49行
![图片[27]-【网站部署】十四合一代付系统部署教程-小昂裕的百宝库](https://img.fengzhuang.cc/i/2025/12/13/104221.webp)
添加以下代码然后点击保存
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]-【网站部署】十四合一代付系统部署教程-小昂裕的百宝库](https://img.fengzhuang.cc/i/2025/12/13/104338.webp)
重启一下前端项目即可完成
![图片[29]-【网站部署】十四合一代付系统部署教程-小昂裕的百宝库](https://img.fengzhuang.cc/i/2025/12/13/104358.webp)
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.其他后端配置 所有其他后端配置均可通过管理后台页面更新 更新后自动生效,如未生效请手动重启后端服务 |
本站提供的一切软件、教程和内容信息仅限用于学习和研究目的;不得将上述内容用于商业或者非法用途,否则,一切后果请用户自负。本站信息来自网络收集整理,版权争议与本站无关。您必须在下载后的24个小时之内,从您的电脑或手机中彻底删除上述内容。如果您喜欢该程序和内容,请支持正版,购买注册,得到更好的正版服务。我们非常重视版权问题,如有侵权请邮件与我们联系处理。敬请谅解!QQ:715521490 邮箱:715521490@qq.com



暂无评论内容