开发集成国内AI大模型的后台管理系统

第一个问题,都支持吧,自己注册管理员开通都支持。第二个是那个AI的费用。

20:35
WorkBuddy

好的,用户系统两种都支持,明白了。

第二个问题关于 AI 费用,我需要你明确一下,这决定了整个系统的架构设计:

模式 A:你统一付费

  • 你在 DeepSeek、智谱、Kimi 等平台购买 Token,API Key 配置在服务器
  • 团队/客户用你发的账号登录,直接对话,不需要管 API Key
  • 你承担所有费用,可以给用户设额度或计费
  • 用户无需自己买 Token

模式 B:用户自带 Token

  • 每个用户自己去各平台注册账号、买 Token、填 API Key
  • 系统只做工具聚合,你不承担 AI 费用
  • 用户需要自己买 Token

模式 C:两者都支持

  • 平台预置你的 API Key(普通用户直接用,你付费)
  • 高级用户也可以填自己的 API Key(用自己额度)
  • 最灵活但开发量最大

你想选哪个?这是最关键的决策,确定后我就开始搭建完整的后端系统。

20:35

AI的费用肯定是自己承担呀,谁注册谁承担这样的take token.

20:35
WorkBuddy

国内 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 和品牌),需要:

  1. 导出代码
  2. 部署到云服务器(阿里云/腾讯云等,入门级服务器每月几十块)
  3. 绑定域名、配置 HTTPS
  4. 替换 Logo 和品牌标识

关于费用:
AI 调用费用由各平台直接向用户收取(谁用谁付费),你的系统不承担任何费用。用户需要在各平台官方控制台购买 Token 并配置 API Key。

20:35

把部署的文件导出来,然后我这边,部署到服务器里边儿。

20:35
WorkBuddy

部署文件已导出完成!

导出的两个文件:

  1. ai-hub-admin.tar.gz(302KB) — 项目代码压缩包

    • frontend/ — 前端完整源码(React + Vite + TypeScript)
    • backend/ — 后端完整源码(Express + AI 调用代理)
    • .env.tcb — TCB 云环境配置(认证 + 数据库连接信息)
  2. 部署指南.md — 详细的部署步骤文档

部署到服务器的简要流程:

  1. ai-hub-admin.tar.gz 上传到服务器
  2. 解压后分别 pnpm install 安装前端和后端依赖
  3. pnpm build 构建前端
  4. 用 PM2 启动后端,用 Nginx 托管前端静态文件 + 反向代理 API
  5. 用 certbot 配置 HTTPS
  6. 绑定你的域名

服务器最低配置: 1 核 2G 内存,Node.js 18+,Linux 系统

重要提醒:

  • .env.tcb 文件包含云端数据库连接信息,不要泄露或公开
  • 品牌定制(Logo、名称、配色)的方法都写在部署指南里了
  • 用户 AI 调用费用由各平台直接向用户收取,你不承担费用

部署过程中如果遇到问题,随时把报错信息发给我,我帮你排查。

20:35

我已经装好宝塔了,然后接下来该怎么办?怎么把这个系统上传上去?Image

20:36
WorkBuddy

看到你的宝塔面板安装成功了!账号是 gxa0v2ax,密码是 f0887adf,面板地址是 https://101.43.84.207:22645/4547c603

接下来按这个步骤把系统部署上去:

第一步:登录宝塔面板

打开浏览器,访问:

https://101.43.84.207:22645/4547c603

用账号 gxa0v2ax 和密码 f0887adf 登录。

第二步:在宝塔里安装必要的运行环境

进入「软件商店」,搜索并安装:

  1. Nginx(用来托管前端 + 反向代理 API)
  2. PM2 管理器(用来守护后端进程)
  3. Node.js 版本管理器(安装 Node.js 18+)

第三步:上传项目代码

在宝塔面板里:

  1. 点左侧「文件」
  2. 进入 /www/wwwroot 目录
  3. 新建文件夹 ai-hub-admin
  4. 进入该文件夹,点「上传」,把 ai-hub-admin.tar.gz 拖进去
  5. 上传完后,右键点击该文件 → 「解压」

第四步:安装项目依赖

宝塔里点「终端」(在右上角),执行:

bash
cd /www/wwwroot/ai-hub-admin

# 安装 pnpm
npm install -g pnpm

# 安装前端依赖
cd frontend
pnpm install

# 安装后端依赖
cd ../backend
pnpm install

第五步:构建前端

bash
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 启动后端

宝塔「终端」里:

bash
cd /www/wwwroot/ai-hub-admin/backend
pm2 start "npx tsx src/index.ts" --name ai-hub-backend
pm2 save
pm2 startup

第八步:配置 Nginx

宝塔「网站」→「添加站点」→ 填你的域名 → 提交。

然后点该站点「设置」→「配置文件」,把整段替换成:

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 端口(如果你还没放行)。


几个关键问题先确认:

  1. 你的域名解析到服务器了吗? — 需要去你的域名服务商那里,把域名的 A 记录指向 101.43.84.207
  2. 服务器防火墙和安全组放行了 80/443 端口吗? — 阿里云/腾讯云需要在控制台安全组放行,宝塔「安全」里也要放行
  3. 你想用 HTTP 还是 HTTPS? — HTTP 直接可用;HTTPS 需要申请 SSL 证书(宝塔里「SSL」可一键申请 Let's Encrypt 免费证书)

你现在能做到哪一步?或者哪个地方卡住了,发给我我帮你看。

部署指南.md4.1 KB
features.md3.6 KB
README.md237 B
README.md2.3 KB
index.html
favicon.svg1.9 KB
20:37


今天帮你做些什么? @ 引用对话文件,/ 调用技能与指令

内容由 AI 生成,请核实重要信息