开发集成国内AI大模型的后台管理系统
第一个问题,都支持吧,自己注册管理员开通都支持。第二个是那个AI的费用。
好的,用户系统两种都支持,明白了。
第二个问题关于 AI 费用,我需要你明确一下,这决定了整个系统的架构设计:
模式 A:你统一付费
- 你在 DeepSeek、智谱、Kimi 等平台购买 Token,API Key 配置在服务器
- 团队/客户用你发的账号登录,直接对话,不需要管 API Key
- 你承担所有费用,可以给用户设额度或计费
- 用户无需自己买 Token
模式 B:用户自带 Token
- 每个用户自己去各平台注册账号、买 Token、填 API Key
- 系统只做工具聚合,你不承担 AI 费用
- 用户需要自己买 Token
模式 C:两者都支持
- 平台预置你的 API Key(普通用户直接用,你付费)
- 高级用户也可以填自己的 API Key(用自己额度)
- 最灵活但开发量最大
你想选哪个?这是最关键的决策,确定后我就开始搭建完整的后端系统。
AI的费用肯定是自己承担呀,谁注册谁承担这样的take token.
国内 AI 大模型聚合管理后台已完成全栈开发!
已实现的核心功能:
用户系统:
- 邮箱验证码登录/注册 — 输入邮箱 → 发送验证码 → 自动注册/登录
- 邮箱密码登录 — 已有密码的用户可直接登录
- 密码重置 — 通过邮箱验证码重置密码
- 路由守卫 — 未登录自动跳转到登录页,已登录自动跳转到看板
AI 平台管理:
- 7 大国内平台 — DeepSeek、智谱 GLM、Kimi、通义千问、文心一言、讯飞星火、腾讯混元
- 用户各自管理 API Key — 每个用户独立配置自己的 API Key,数据通过 RLS 隔离
- 购买链接直达 — 每个平台都有"购买"按钮,直达官方控制台
- API Key 连通性测试 — 配置后可测试连接是否正常
- 平台启用/停用 — 灵活控制使用哪些平台
AI 对话工作台:
- 选择平台 + 模型 — 只显示用户已配置的平台
- 真实 AI 调用 — 后端代理调用各平台官方 API,使用用户自己的 API Key
- 系统提示词配置 — 可自定义 AI 角色和行为
- Token 消耗显示 — 每次对话显示消耗的 Token 数
数据看板 + 对话记录:
- 从云端数据库加载 — 用户的对话记录实时统计
- 平台使用分布 — 可视化各平台使用占比
- 对话记录管理 — 搜索、筛选、查看详情、删除
技术架构:
- 前端 — React 19 + Vite + TypeScript + Tailwind CSS + shadcn/ui + Framer Motion
- 认证 — TCB Auth(腾讯云开发),支持邮箱验证码和密码
- 数据库 — TCB PostgreSQL,RLS 行级安全确保用户数据隔离
- 后端 — Express + JWT 验证(JWKS),AI 调用代理统一对接 7 大平台 API
关于部署:
当前代码在 Genie 云端环境中运行。要部署到生产环境(绑定你的域名、替换 Logo 和品牌),需要:
- 导出代码
- 部署到云服务器(阿里云/腾讯云等,入门级服务器每月几十块)
- 绑定域名、配置 HTTPS
- 替换 Logo 和品牌标识
关于费用:
AI 调用费用由各平台直接向用户收取(谁用谁付费),你的系统不承担任何费用。用户需要在各平台官方控制台购买 Token 并配置 API Key。
把部署的文件导出来,然后我这边,部署到服务器里边儿。
部署文件已导出完成!
导出的两个文件:
-
ai-hub-admin.tar.gz(302KB) — 项目代码压缩包frontend/— 前端完整源码(React + Vite + TypeScript)backend/— 后端完整源码(Express + AI 调用代理).env.tcb— TCB 云环境配置(认证 + 数据库连接信息)
-
部署指南.md— 详细的部署步骤文档
部署到服务器的简要流程:
- 把
ai-hub-admin.tar.gz上传到服务器 - 解压后分别
pnpm install安装前端和后端依赖 pnpm build构建前端- 用 PM2 启动后端,用 Nginx 托管前端静态文件 + 反向代理 API
- 用 certbot 配置 HTTPS
- 绑定你的域名
服务器最低配置: 1 核 2G 内存,Node.js 18+,Linux 系统
重要提醒:
.env.tcb文件包含云端数据库连接信息,不要泄露或公开- 品牌定制(Logo、名称、配色)的方法都写在部署指南里了
- 用户 AI 调用费用由各平台直接向用户收取,你不承担费用
部署过程中如果遇到问题,随时把报错信息发给我,我帮你排查。
我已经装好宝塔了,然后接下来该怎么办?怎么把这个系统上传上去?Image
看到你的宝塔面板安装成功了!账号是 gxa0v2ax,密码是 f0887adf,面板地址是 https://101.43.84.207:22645/4547c603。
接下来按这个步骤把系统部署上去:
第一步:登录宝塔面板
打开浏览器,访问:
https://101.43.84.207:22645/4547c603
用账号 gxa0v2ax 和密码 f0887adf 登录。
第二步:在宝塔里安装必要的运行环境
进入「软件商店」,搜索并安装:
- Nginx(用来托管前端 + 反向代理 API)
- PM2 管理器(用来守护后端进程)
- Node.js 版本管理器(安装 Node.js 18+)
第三步:上传项目代码
在宝塔面板里:
- 点左侧「文件」
- 进入
/www/wwwroot目录 - 新建文件夹
ai-hub-admin - 进入该文件夹,点「上传」,把
ai-hub-admin.tar.gz拖进去 - 上传完后,右键点击该文件 → 「解压」
第四步:安装项目依赖
宝塔里点「终端」(在右上角),执行:
cd /www/wwwroot/ai-hub-admin
# 安装 pnpm
npm install -g pnpm
# 安装前端依赖
cd frontend
pnpm install
# 安装后端依赖
cd ../backend
pnpm install
第五步:构建前端
cd /www/wwwroot/ai-hub-admin/frontend
pnpm build
这会在 frontend/dist 下生成静态文件。
第六步:配置后端环境
在 backend 目录下创建 .env 文件(在宝塔文件管理器里右键 → 新建文件):
NODE_ENV=production
PORT=3000
API_PREFIX=/api
CORS_ORIGIN=*
LOG_LEVEL=info
第七步:用 PM2 启动后端
宝塔「终端」里:
cd /www/wwwroot/ai-hub-admin/backend
pm2 start "npx tsx src/index.ts" --name ai-hub-backend
pm2 save
pm2 startup
第八步:配置 Nginx
宝塔「网站」→「添加站点」→ 填你的域名 → 提交。
然后点该站点「设置」→「配置文件」,把整段替换成:
server {
listen 80;
server_name 你的域名;
root /www/wwwroot/ai-hub-admin/frontend/dist;
index index.html;
location / {
try_files $uri $uri/ /index.html;
}
location /api/ {
proxy_pass http://127.0.0.1:3000;
proxy_http_version 1.1;
proxy_set_header Host $host;
proxy_set_header X-Real-IP $remote_addr;
proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
proxy_set_header X-Forwarded-Proto $scheme;
}
}
保存后点「重载配置」。
第九步:放行端口
宝塔「安全」里放行 80 和 443 端口(如果你还没放行)。
几个关键问题先确认:
- 你的域名解析到服务器了吗? — 需要去你的域名服务商那里,把域名的 A 记录指向
101.43.84.207 - 服务器防火墙和安全组放行了 80/443 端口吗? — 阿里云/腾讯云需要在控制台安全组放行,宝塔「安全」里也要放行
- 你想用 HTTP 还是 HTTPS? — HTTP 直接可用;HTTPS 需要申请 SSL 证书(宝塔里「SSL」可一键申请 Let's Encrypt 免费证书)
你现在能做到哪一步?或者哪个地方卡住了,发给我我帮你看。
今天帮你做些什么? @ 引用对话文件,/ 调用技能与指令