多模型 AI 对话平台是一套页面驱动、后台全可视化配置的 AI 聊天系统:终端用户打开 H5 页面直接对话,可在页面顶部胶囊标签栏里随时切换已配置的大模型(支持 DeepSeek 等 OpenAI 兼容接口的模型),AI 回复以 SSE 流式逐字渲染;运营者在管理后台配置页面、提示词、模型与菜单,全量对话记录可查可导出。

H5 对话端提供哪些体验?

页面驱动:系统按 URL 中的页面标识(slug)加载不同对话页,每个页面拥有独立的标题、欢迎语、系统提示词、快捷问题列表、可用模型集合与底部导航菜单;不存在的路由自动兜底到对话页。

对话体验:流式输出期间消息气泡末尾带闪烁光标动画,支持随时中断生成;每条回复提供分享(二维码弹窗)、复制、重新生成、Markdown/纯文本渲染切换四个操作;输入框支持多行、Enter 发送、Ctrl+Enter 换行,正确处理中文输入法组合输入避免误发送。

会话与引导:浏览器本地存储维护会话标识,进入页面自动拉取历史消息;清空对话生成新会话标识,旧对话保留在数据库只是前端不再加载;空状态展示自定义欢迎语与可点击的快捷问题标签。

底部导航:页面可关联菜单配置,菜单项含图标与标签,支持外链新开与内部 hash 路由两种跳转。

管理后台能配置什么?

  • 页面管理:新增/编辑对话页面(标题、英文标识创建后锁定、系统提示词、欢迎标题副标题、快捷问题每行一个、关联菜单与模型),删除时级联清理对话记录、消息与模型关联;列表可直接复制 H5 访问链接;
  • 底部菜单管理:菜单项从预设 36 个图标中可视化选取,配置外链或内部路径;
  • 大模型配置:显示名称、厂商、API 地址、API 密钥(加密存储)、模型标识名、温度(0-2)、最大 Token、上下文长度、排序与启用开关,行内开关即切即用;
  • 对话记录管理:全量会话多维筛选、详情查看、单条与批量删除、JSON 导出;
  • 账户安全:bcrypt 密码 + JWT 鉴权 + 路由守卫,修改密码需验证旧密码。

对话引擎的处理流程是什么?

后端接收页面标识、模型标识、会话标识与用户消息后依次执行:查模型配置并解密密钥 → 查找或创建会话 → 保存用户消息 → 加载该会话最近 10 轮历史 → 若页面配了系统提示词则插入消息列表首位 → 经 OpenAI 兼容适配器发起流式请求 → SSE 逐块推送前端 → 生成完成后回复落库。客户端断开或出错时尽力保存已生成的部分回复,避免数据丢失。

速率限制两级:全局每分钟每 IP 200 次、对话每分钟每 IP 20 次;图片上传支持 jpg/png/gif/webp/bmp、单文件 10MB。

想对比同类 AI 应用方案,可以看看 AI 应用与智能体栏目里的 AI 保温生成与 AI 课程报名系统。