【网恋代付】美团代付十三合一代付商城系统新版源码模板 全开源无加密

对比十一合一版本，主要是把携程和滴滴二个新模板加进来的，其他的无变动

全新十三合一代付商城系统源码，node项目，全开源无加密可二开【东西来自网友投稿，赠送合伙人作为激励】

前端模板：美团、携程（2个）、嘀嘀打车（2个）、京东、拼多多、饿了么、猫眼电影、飞猪、得物、淘宝、抖音

支付：微信官方、支付宝官方（手机网站支付和当面付）、易支付，码支付，可对接个人收款码

访问：微信、QQ、浏览器（不再是单一的微信）

新增：前后台支持生成推广二维码

优化：苹果端图片显示，解决图片加载慢问题

订单分享图标、标题，订单过期时间集成在后台，修改更加方便

分享卡片标题文字、图标，订单页面文字都可以自定义修改

十一合一代付商城系统程序，后端基于Node.js 前端基于 React.js 。有商城系统+后台管理系统+自动化脚本

一比一还原模板、完整的下单到发货，收货流程，每个模板均配置专属标题名

| 代付状态丨订单取消丨订单配送丨丨订单过期丨支付成功丨跳转官方页丨

超详细的“十四合一代付系统”部署教程。为了帮助你更高效、安全地完成部署，我为你梳理了一份“实战级 checklist + 避坑指南”，你可以边看边打勾，确保每一步都一次到位。

✅ 一、环境准备（5 个前置条件）

✅ 二、宝塔一键操作顺序（按图索骥）

1. 1. 提前建库
      宝塔 → 数据库 → 添加数据库，记住数据库名、用户名、密码，后面 .env 与 /config.json 两处要用完全一致。

1. 1. 上传解压 & 赋权

   /www/wwwroot/xxx

右键 → 权限 → 777 → 勾选“应用到子目录” → 保存。
⚠️ 只给安装阶段 777，装完立刻降回 755，防止被提权。

3. 3. server/.env 改库配置
      只改 3 行：

   DB_HOST=localhost   DB_USER=刚才的数据库用户   DB_PASS=刚才的数据库密码   DB_NAME=刚才的数据库名

4. 4. 执行 install.sh
      宝塔终端里 cd /www/wwwroot/xxx → chmod 777 install.sh → bash install.sh
      菜单顺序：
      2（检测环境）→ y（国内源）→ 4（装后端依赖）→ 5（装前端依赖）
      看到 success/done 再下一步，不要 Ctrl+C 中断。

4. 4. 后端 Node 项目
      宝塔 → 网站 → Node 项目 → 添加

• • 项目目录：选 /server

• • 启动文件：server.js（或 app.js，以实际为准）

• • 端口：3000（与 .env 里一致）

• • 运行用户：root（测试阶段图方便，生产建议新建 www 用户）

• • 域名：填“后台域名”

• • 保存后立刻“启用 SSL”→ 申请 Let’s Encrypt → 强制 HTTPS。

4. 4. 数据库安装
      浏览器访问 https://后台域名/admin
      填库信息 → 测试连接 → 保存 → 自动跳后台登录页。
      ⚠️ 安装完成后重启一次后端项目（宝塔 Node 项目里点“重启”），否则 404。

4. 4. 前端配置 & 编译
      文件路径：/client/public/config.js
      必须改 4 处：

   window.API_URL = 'https://后台域名'      // 第 2 行   window.H5_URL  = 'https://前台域名'      // 第 3 行   window.APPID   = 'wx***********'        // 第 4 行

保存后 → 返回 /wwwroot 目录 → 终端 → bash install.sh → 选 5 重新 build。
build 完添加 Node 项目：

• • 目录：/client

• • 端口：3001

• • 域名：前台域名

• • SSL→强制 HTTPS。

1. 1. Nginx 特殊路由（/h5）
      宝塔 → 网站 → 设置 → 配置文件 → 找到 location ~ \.php$ 那几行，在第 49 行左右插入：

   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;   }

保存 → 重载 Nginx。
验证：访问 https://前台域名/h5 能打开即成功。

✅ 三、微信侧必做 3 件事

1. 1. 公众号 → 设置 → 功能设置 → 网页授权域名 → 填“前台域名”。

1. 1. 商户平台 → 产品中心 → 开发配置 → 支付目录 → 添加

   https://前台域名/h5/   https://前台域名/

两个都要加，末尾斜杠不能少。

3. 3. 把商户号、APIv2 密钥、apiclient_cert.pem、apiclient_key.pem 填进后台“支付配置”→ 微信通道，证书用文本编辑器打开后完整粘贴（不要带空格换行）。

✅ 四、常见报错速查表

✅ 五、上线前 5 个安全加固

1. 1. 目录权限：
      chmod -R 755 /www/wwwroot/xxx/server
chmod 600 /www/wwwroot/xxx/server/*.pem

1. 1. 改后台路由：把 /admin 改成 /自定义字符串，防扫描。

1. 1. 宝塔面板端口、BasicAuth、FAIl2ban 全开。

1. 1. 开启数据库外网禁止访问（宝塔防火墙只放行 80/443/22）。

1. 1. 定期做快照 + 把 server/logs 加入宝塔计划任务，7 天清理一次。

✅ 六、后续改配置“热重启”对照

全部完成后，访问流程：
用户端：https://前台域名/h5 → 下单 → 调起支付 → 回调 → 订单完成
管理端：https://后台域名/admin → 登录 → 看到订单/提现/分账