当前位置: 首页 > news >正文

Chatbot UI:自己搭一个 ChatGPT 界面,33000 多人 Star 了

文章目录

  • Chatbot UI:自己搭一个 ChatGPT 界面,33000 多人 Star 了
    • 解决什么问题
    • 技术栈
    • 部署方式
    • 实际体验
    • 适合谁用
    • 要注意的事

Chatbot UI:自己搭一个 ChatGPT 界面,33000 多人 Star 了

GitHub 上有个项目叫 Chatbot UI,Star 数三万三千多。简单说,它是一个开源的 AI 聊天界面,你可以自己部署,接各种大模型用。

我第一次看到这项目的时候,想法就一个:这不就是 ChatGPT 的界面吗?但仔细看,它支持的模型不止 OpenAI,还能接 Azure、Ollama 这些。也就是说,你可以用同一套界面,切换不同的后端模型。

解决什么问题

用过 ChatGPT 的人都知道,官方界面就只能用 OpenAI 的模型。如果你想同时用 Claude、GPT、本地跑的 Llama,得开好几个网页,聊天记录还分散在各处。

Chatbot UI 把这个问题解决了。一个界面,多个模型,聊天记录统一管理。而且界面做得很像 ChatGPT,上手零成本。

技术栈

前端用的 Next.js,后端数据库是 Supabase(基于 PostgreSQL)。选 Supabase 是有考量的,之前项目用浏览器本地存储,有几个硬伤:安全性差、容量有限、多模态场景撑不住。

Supabase 是开源的,有免费额度,部署方便。对个人开发者来说,不用自己折腾数据库,省了不少事。

部署方式

项目给了两条路:本地跑和云端部署。

本地部署流程很标准:克隆仓库、装依赖、启动 Supabase、填环境变量、跑起来。整个过程有视频教程,照着做半小时能搞定。

云端部署就是把 Supabase 换成线上版,前端丢到 Vercel。环境变量配好,一键部署。

唯一需要注意的是需要 Node.js v18,还有 Docker(本地跑 Supabase 的话)。

实际体验

界面确实是照着 ChatGPT 的感觉做的。左侧对话列表,右侧聊天窗口,支持 Markdown 渲染。切换模型就是在设置里换个选项的事。

聊天记录存在 Supabase 里,换设备登录也能同步。这点比很多开源聊天工具强,不少同类项目只支持本地存储,换个浏览器就没记录了。

适合谁用

三类人适合折腾这个:

第一,想用多个大模型但不想开一堆网页的人。一个界面搞定,体验统一。

第二,想在公司内网部署 AI 聊天工具的团队。代码开源,数据存在自己服务器,不用担心数据外泄。

第三,做 AI 产品原型的开发者。前端界面不用自己写了,直接拿去改,省下至少一两周的开发时间。

要注意的事

这项目目前还在持续更新,作者说过在做大版本优化。但开源项目嘛,更新节奏不好保证。

另外 Supabase 的免费额度是有上限的,如果聊天量大,可能得升级付费方案。本地部署倒是没这个限制,但得自己维护数据库。

还有一个细节,项目 2.0 版本重写过一次,老版本在 legacy 分支。如果看到一些教程讲的是旧版配置,别照着做,会踩坑。

总的来说,Chatbot UI 是那种拿来就能用的工具。不花哨,解决实际问题。如果你正好需要一个自己的 AI 聊天界面,值得花半小时试试。

UI 是那种拿来就能用的工具。不花哨,解决实际问题。如果你正好需要一个自己的 AI 聊天界面,值得花半小时试试。

http://www.jsqmd.com/news/1076713/

相关文章:

  • 【Springboot毕设全套源码+文档】基于JAVA的某企业员工考试系统的设计与实现(丰富项目+远程调试+讲解+定制)
  • 60分钟跑通首个业务预测模型:scikit-learn实操手记
  • Plotly印度数字体系适配:Lakh与Crore单位动态可视化
  • Flask 笔记十:把查询逻辑抽到 service,让 views 变薄
  • 解锁GIS开发超能力:ArcObjects SDK 227个实战案例深度解析
  • 基于session的登录、登出(退出登录)、记住我
  • 目前正规的健身房推雪橇毯制造商哪家好
  • TorchDrift实战:PyTorch原生MMD数据漂移检测指南
  • 【AI大模型】国产模型入门:文心一言/通义千问API调用教程
  • Web登录绕过漏洞深度剖析:从信任链条断裂到服务器端权威验证的修复实践
  • 5分钟极速上手:FigmaCN中文翻译插件让设计工作流效率翻倍
  • ResNet50、YOLOv8与点云:民宿房源实景核验三大平台算法落地对比与工程实践
  • 2027最新软件工程毕业设计选题推荐
  • 115、PCIE surprise移除处理:一次真实的硬件调试笔记
  • AI写论文优选!4款AI论文写作工具,为写期刊论文提供新思路!
  • 反序列化漏洞深度解析:从原理到实战的攻防指南
  • 豆包生态GEO优化实战:EEAT信源体系下的品牌可见度提升策略
  • HR实操教程:怎样在招聘网站高效发布招聘信息
  • Netty第一章NIO,ByteBuffer 中,‌limit解释
  • 移动云主要服务哪些用户群体?
  • 如何在10分钟内搭建AI驱动的自动化测试平台:Testsigma完整实战指南
  • IDA Pro逆向分析:挖掘加密认证绕过漏洞的实战指南
  • Python毕业设计-基于 Python 的个性化书籍推荐管理系统设计与实现 基于 Python 的智能图书推荐管理系统设计与实现(源码+LW+部署文档+全bao+远程调试+代码讲解等)
  • TVA在物流分拣领域的独特价值(10)
  • 3步快速上手:无需训练的AI换脸工具终极指南
  • SVM实战调参指南:从过拟合到工业部署的27次踩坑总结
  • 计算机毕业设计之jsp基于SSM技术的定额成本管理系统设计与实现
  • 计算机Python毕设实战-基于 Python 的个性化阅读书籍推送系统设计与实现 基于 Python 的用户偏好书籍推荐管理系统设计与实现【完整源码+LW+部署说明+演示视频,全bao一条龙等】
  • 电脑文件不小心删了怎么恢复?7种高分恢复技巧(2026年全新)
  • 剖析主流选型:微信小程序开发平台综合对比指南