需要一个可演示的通用 AI 聊天 Web 应用,验证『前端会话界面 → 后端接口转发 → 大模型应答 → 历史落库』的完整闭环,作为 AI 工具类网站开发的代表作;在此基础上逐步补齐账号隔离、流式输出、知识库检索与对话分享等完整聊天产品能力,便于后续接公网部署与团队协作扩展。
点击空白处退出提示
需要一个可演示的通用 AI 聊天 Web 应用,验证『前端会话界面 → 后端接口转发 → 大模型应答 → 历史落库』的完整闭环,作为 AI 工具类网站开发的代表作;在此基础上逐步补齐账号隔离、流式输出、知识库检索与对话分享等完整聊天产品能力,便于后续接公网部署与团队协作扩展。
账号与隔离:注册/登录/退出,密码哈希存储,会话与消息按用户隔离,不可越权访问。会话管理:左侧会话列表支持新建、切换、删除、重命名与关键词搜索。多轮对话:后端拼接最近上下文请求大模型,SSE 流式逐字返回,问答成对落 MySQL,刷新可回看。角色与排版:通用/代码/写作/翻译四套角色预设,回答 Markdown 渲染、代码块语法高亮,支持复制、重新生成、导出 Markdown。知识库 RAG:录入文档自动切片向量化,对话时按语义相似度检索相关片段注入上下文。对话分享:一键生成免登录只读分享链接。模型接入:后端按 OpenAI 兼容协议转发,Key 仅后端持有,切换模型或渠道只改配置。
前端 Vue 3 + Vite 构建登录/注册、会话列表、消息气泡、角色切换、知识库弹窗与分享只读页;后端 Node.js + Express 搭建账号鉴权、会话、消息、对话转发、知识库检索与分享快照接口;MySQL 持久化用户、会话、消息、文档片段、分享快照表;接入阿里云百炼 DashScope(OpenAI 兼容协议),对话与向量化模型统一在后端管理接口地址、Key 与模型名;按上下文窗口限制携带最近消息,知识库片段经 embedding 向量化后做余弦相似度检索。




评论