chatbot-ui

GitHub
33.2k 9.4k 较难 1 次阅读 今天MIT语言模型
AI 解读 由 AI 自动生成,仅供参考

Chatbot UI 是一款面向所有人的开源 AI 聊天应用,旨在让用户能够轻松接入并对话任意大语言模型。它解决了以往本地部署聊天界面时面临的配置复杂、数据存储不安全以及多模态支持受限等痛点,提供了一个既美观又功能强大的统一交互平台。

这款工具特别适合开发者、技术爱好者以及希望私有化部署 AI 服务的研究人员使用。对于普通用户而言,如果不想自行托管,也可以直接使用其官方提供的云端版本体验流畅的对话服务。

Chatbot UI 的技术亮点在于其架构的灵活性与现代化。最新版本(2.0)摒弃了原本局限于浏览器的本地存储方案,转而集成 Supabase 作为后端数据库。这一变革不仅利用 PostgreSQL 提升了数据的安全性和存储容量,还完美支持了多模态应用场景。此外,项目提供了详尽的本地快速启动指南,支持通过 Docker 和 CLI 工具一键部署本地开发环境,并允许社区在"Discussions"板块自由交流协作。无论是想要定制专属聊天机器人,还是学习如何构建现代 AI 应用,Chatbot UI 都是一个理想的选择。

使用场景

某初创团队希望为内部客服系统快速搭建一个支持多模型切换的 AI 对话界面,以便测试不同大语言模型在回答客户咨询时的表现。

没有 chatbot-ui 时

  • 开发人员需从零编写前端界面,耗费数周时间处理消息气泡、历史记录和设置面板等基础 UI 组件。
  • 每次切换测试不同的 AI 模型(如从 GPT-4 切到本地 Llama),都需要修改大量后端代码和接口配置,效率极低。
  • 缺乏统一的数据存储方案,聊天记录仅保存在浏览器本地,不仅存在安全隐患,还无法在多设备间同步或进行多模态扩展。
  • 移动端适配缺失,客服人员无法在手机或平板上流畅使用测试中的对话功能。

使用 chatbot-ui 后

  • 团队通过简单的克隆和依赖安装,几分钟内就部署好了功能完备的对话界面,立即开始模型测试工作。
  • 借助其“支持任意模型”的特性,只需在设置中调整 API 密钥即可无缝切换不同大模型,无需改动核心代码。
  • 集成 Supabase 作为后端,自动解决了数据持久化、安全性和多端同步问题,为未来引入图片识别等多模态功能打下基础。
  • 内置的响应式布局让客服人员在移动设备上也能获得完美的操作体验,随时随地查看历史对话记录。

chatbot-ui 将原本需要数周的前后端开发工作缩短至小时级,让团队能专注于核心业务逻辑而非重复造轮子。

运行环境要求

操作系统
  • Linux
  • macOS
  • Windows
GPU

未说明

内存

未说明

依赖
notes该项目基于 Next.js,需安装 Node.js (推荐 v18) 和 npm。本地运行后端数据库必须安装 Docker 和 Supabase CLI。若需使用本地大模型,需额外安装 Ollama。部署云端前端推荐使用 Vercel,后端数据库可使用托管版 Supabase。
python未说明
Node.js v18
npm
Docker
Supabase CLI
Ollama (可选)
chatbot-ui hero image

快速开始

聊天机器人界面

面向所有人的开源 AI 聊天应用。

聊天机器人界面

演示

查看最新演示 这里

更新

大家好!我认真听取了大家的反馈,并正在努力进行一次重大更新。

诸如更简单的部署、更好的后端兼容性以及优化的移动端布局等功能即将推出。

很快就会回来。

—— 麦凯

官方托管版本

无需自行托管,即可使用聊天机器人界面!

这里 找到聊天机器人界面的官方托管版本。

赞助

如果您觉得聊天机器人界面很有用,请考虑 赞助 我,以支持我的开源工作 :)

问题

我们仅将“问题”用于与代码库相关的实际问题。

目前收到的问题过多,其中很多只是功能请求、云服务商相关问题等。

如果您在设置等方面遇到问题,请参阅上方“讨论”选项卡中的“帮助”部分。

与代码库无关的问题很可能会被立即关闭。

讨论

我们非常鼓励您参与上方的“讨论”选项卡!

“讨论”是提问、分享想法和寻求帮助的好地方。

很可能您遇到的问题,其他人也遇到过。

旧版代码

聊天机器人界面最近已更新至 2.0 版本。

1.0 版本的代码可在 legacy 分支中找到。

更新

在本地聊天机器人界面仓库的根目录下打开终端,运行:

npm run update

如果您运行的是托管实例,还需要运行:

npm run db-push

以将最新的迁移应用到您的线上数据库。

本地快速入门

按照以下步骤,在本地运行您自己的聊天机器人界面实例。

您可以观看完整的视频教程 这里

1. 克隆仓库

git clone https://github.com/mckaywrigley/chatbot-ui.git

2. 安装依赖

在本地聊天机器人界面仓库的根目录下打开终端,运行:

npm install

3. 安装 Supabase 并本地运行

为什么选择 Supabase?

过去,我们曾使用本地浏览器存储来保存数据。然而,这种方案存在一些问题:

  • 安全隐患
  • 存储空间有限
  • 不利于多模态应用场景

现在我们选择 Supabase,因为它易于使用、开源、基于 Postgres,并且提供免费的托管层级。未来我们将支持其他提供商,以便为您提供更多选择。

1. 安装 Docker

您需要安装 Docker 才能在本地运行 Supabase。您可以从 这里 免费下载。

2. 安装 Supabase CLI

MacOS/Linux

brew install supabase/tap/supabase

Windows

scoop bucket add supabase https://github.com/supabase/scoop-bucket.git
scoop install supabase

3. 启动 Supabase

在本地聊天机器人界面仓库的根目录下打开终端,运行:

supabase start

4. 填写密钥

1. 环境变量

在本地聊天机器人界面仓库的根目录下打开终端,运行:

cp .env.local.example .env.local

通过运行以下命令获取所需值:

supabase status

注意:请将 NEXT_PUBLIC_SUPABASE_URL 设置为 supabase status 中的 API URL

然后打开 .env.local 文件,填写相应值。

如果环境变量已设置,则会禁用用户设置中的输入项。

2. SQL 设置

在第一个迁移文件 supabase/migrations/20240108234540_setup.sql 中,您需要将两个值替换为刚才获取的值:

  • project_url(第 53 行):http://supabase_kong_chatbotui:8000(默认值)可以保持不变,除非您在 config.toml 文件中更改了 project_id
  • service_role_key(第 54 行):此值来自之前运行的 supabase status

这样做可以避免存储文件无法正确删除的问题。

5. 安装 Ollama(可选,用于本地模型)

请按照 这里 的说明进行操作。

6. 在本地运行应用

在本地聊天机器人界面仓库的根目录下打开终端,运行:

npm run chat

此时,您的本地聊天机器人界面实例应该已经在 http://localhost:3000 上运行。请确保使用兼容的 Node.js 版本(例如 v18)。

您还可以访问后端管理界面:http://localhost:54323/project/default/editor

托管快速入门

按照以下步骤,在云端运行您自己的聊天机器人界面实例。

视频教程即将发布。

1. 按照本地快速入门操作

重复上述“本地快速入门”中的步骤 1 到 4。

建议为本地和托管实例分别创建独立的仓库。

在 GitHub 上为您的托管聊天机器人界面实例创建一个新的仓库,并将代码推送到该仓库。

2. 使用 Supabase 设置后端

1. 创建新项目

前往 Supabase 并创建一个新项目。

2. 获取项目信息

进入项目仪表板后,点击左下角的“项目设置”图标。

在这里您可以获取以下环境变量的值:

继续在“设置”页面中,点击左侧的“API”选项卡。

在这里您可以获取以下环境变量的值:

  • Project URL:在“API 设置”中找到“项目 URL”。
  • Anon key:在“项目 API 密钥”中找到“anon public”。
  • Service role key:在“项目 API 密钥”中找到“service_role”(提醒:请将其视为密码!)。

3. 配置认证

接下来,点击左侧的“认证”图标。

在文本选项卡中,点击“提供商”,并确保“电子邮件”已启用。

对于个人实例,我们建议关闭“确认电子邮件”功能。

4. 连接托管数据库

打开您托管聊天机器人界面实例的仓库。

在第一个迁移文件 supabase/migrations/20240108234540_setup.sql 中,您需要将两个值替换为刚才获取的值:

  • project_url(第 53 行):使用上面获取的“项目 URL”值。
  • service_role_key(第 54 行):使用上面获取的“服务角色密钥”值。

现在,在本地聊天机器人界面仓库的根目录下打开终端。我们将在此执行几条命令。

首先登录 Supabase:

supabase login

然后使用您刚才获取的“项目 ID”链接您的项目:

supabase link --project-ref <project-id>

至此,您的项目已成功链接。

最后,将数据库推送到 Supabase:

supabase db push

您的托管数据库现已设置完毕!

3. 使用 Vercel 部署前端

前往 Vercel 并创建一个新项目。

在设置页面中,导入您用于托管 Chatbot UI 实例的 GitHub 仓库。在项目的“构建与开发设置”部分,将框架预设切换为“Next.js”。

在环境变量中,根据您之前获取的值添加以下内容:

  • NEXT_PUBLIC_SUPABASE_URL
  • NEXT_PUBLIC_SUPABASE_ANON_KEY
  • SUPABASE_SERVICE_ROLE_KEY
  • NEXT_PUBLIC_OLLAMA_URL(仅在使用本地 Ollama 模型时需要;默认值为:http://localhost:11434

您还可以将 API 密钥作为环境变量添加:

  • OPENAI_API_KEY
  • AZURE_OPENAI_API_KEY
  • AZURE_OPENAI_ENDPOINT
  • AZURE_GPT_45_VISION_NAME

有关完整的环境变量列表,请参阅 .env.local.example 文件。如果已为 API 密钥设置了环境变量,则会禁用用户设置中的输入框。

点击“部署”,等待您的前端完成部署。

部署完成后,您就可以通过 Vercel 提供的 URL 使用您托管的 Chatbot UI 实例了。

贡献

我们正在编写贡献指南。

联系方式

请在 Twitter/X 上联系 Mckay。

常见问题

相似工具推荐

everything-claude-code

everything-claude-code 是一套专为 AI 编程助手(如 Claude Code、Codex、Cursor 等)打造的高性能优化系统。它不仅仅是一组配置文件,而是一个经过长期实战打磨的完整框架,旨在解决 AI 代理在实际开发中面临的效率低下、记忆丢失、安全隐患及缺乏持续学习能力等核心痛点。 通过引入技能模块化、直觉增强、记忆持久化机制以及内置的安全扫描功能,everything-claude-code 能显著提升 AI 在复杂任务中的表现,帮助开发者构建更稳定、更智能的生产级 AI 代理。其独特的“研究优先”开发理念和针对 Token 消耗的优化策略,使得模型响应更快、成本更低,同时有效防御潜在的攻击向量。 这套工具特别适合软件开发者、AI 研究人员以及希望深度定制 AI 工作流的技术团队使用。无论您是在构建大型代码库,还是需要 AI 协助进行安全审计与自动化测试,everything-claude-code 都能提供强大的底层支持。作为一个曾荣获 Anthropic 黑客大奖的开源项目,它融合了多语言支持与丰富的实战钩子(hooks),让 AI 真正成长为懂上

147.9k|★★☆☆☆|今天
开发框架Agent语言模型

LLMs-from-scratch

LLMs-from-scratch 是一个基于 PyTorch 的开源教育项目,旨在引导用户从零开始一步步构建一个类似 ChatGPT 的大型语言模型(LLM)。它不仅是同名技术著作的官方代码库,更提供了一套完整的实践方案,涵盖模型开发、预训练及微调的全过程。 该项目主要解决了大模型领域“黑盒化”的学习痛点。许多开发者虽能调用现成模型,却难以深入理解其内部架构与训练机制。通过亲手编写每一行核心代码,用户能够透彻掌握 Transformer 架构、注意力机制等关键原理,从而真正理解大模型是如何“思考”的。此外,项目还包含了加载大型预训练权重进行微调的代码,帮助用户将理论知识延伸至实际应用。 LLMs-from-scratch 特别适合希望深入底层原理的 AI 开发者、研究人员以及计算机专业的学生。对于不满足于仅使用 API,而是渴望探究模型构建细节的技术人员而言,这是极佳的学习资源。其独特的技术亮点在于“循序渐进”的教学设计:将复杂的系统工程拆解为清晰的步骤,配合详细的图表与示例,让构建一个虽小但功能完备的大模型变得触手可及。无论你是想夯实理论基础,还是为未来研发更大规模的模型做准备

90.1k|★★★☆☆|3天前
语言模型图像Agent

NextChat

NextChat 是一款轻量且极速的 AI 助手,旨在为用户提供流畅、跨平台的大模型交互体验。它完美解决了用户在多设备间切换时难以保持对话连续性,以及面对众多 AI 模型不知如何统一管理的痛点。无论是日常办公、学习辅助还是创意激发,NextChat 都能让用户随时随地通过网页、iOS、Android、Windows、MacOS 或 Linux 端无缝接入智能服务。 这款工具非常适合普通用户、学生、职场人士以及需要私有化部署的企业团队使用。对于开发者而言,它也提供了便捷的自托管方案,支持一键部署到 Vercel 或 Zeabur 等平台。 NextChat 的核心亮点在于其广泛的模型兼容性,原生支持 Claude、DeepSeek、GPT-4 及 Gemini Pro 等主流大模型,让用户在一个界面即可自由切换不同 AI 能力。此外,它还率先支持 MCP(Model Context Protocol)协议,增强了上下文处理能力。针对企业用户,NextChat 提供专业版解决方案,具备品牌定制、细粒度权限控制、内部知识库整合及安全审计等功能,满足公司对数据隐私和个性化管理的高标准要求。

87.6k|★★☆☆☆|4天前
开发框架语言模型

ML-For-Beginners

ML-For-Beginners 是由微软推出的一套系统化机器学习入门课程,旨在帮助零基础用户轻松掌握经典机器学习知识。这套课程将学习路径规划为 12 周,包含 26 节精炼课程和 52 道配套测验,内容涵盖从基础概念到实际应用的完整流程,有效解决了初学者面对庞大知识体系时无从下手、缺乏结构化指导的痛点。 无论是希望转型的开发者、需要补充算法背景的研究人员,还是对人工智能充满好奇的普通爱好者,都能从中受益。课程不仅提供了清晰的理论讲解,还强调动手实践,让用户在循序渐进中建立扎实的技能基础。其独特的亮点在于强大的多语言支持,通过自动化机制提供了包括简体中文在内的 50 多种语言版本,极大地降低了全球不同背景用户的学习门槛。此外,项目采用开源协作模式,社区活跃且内容持续更新,确保学习者能获取前沿且准确的技术资讯。如果你正寻找一条清晰、友好且专业的机器学习入门之路,ML-For-Beginners 将是理想的起点。

85.1k|★★☆☆☆|昨天
图像数据工具视频

funNLP

funNLP 是一个专为中文自然语言处理(NLP)打造的超级资源库,被誉为"NLP 民工的乐园”。它并非单一的软件工具,而是一个汇集了海量开源项目、数据集、预训练模型和实用代码的综合性平台。 面对中文 NLP 领域资源分散、入门门槛高以及特定场景数据匮乏的痛点,funNLP 提供了“一站式”解决方案。这里不仅涵盖了分词、命名实体识别、情感分析、文本摘要等基础任务的标准工具,还独特地收录了丰富的垂直领域资源,如法律、医疗、金融行业的专用词库与数据集,甚至包含古诗词生成、歌词创作等趣味应用。其核心亮点在于极高的全面性与实用性,从基础的字典词典到前沿的 BERT、GPT-2 模型代码,再到高质量的标注数据和竞赛方案,应有尽有。 无论是刚刚踏入 NLP 领域的学生、需要快速验证想法的算法工程师,还是从事人工智能研究的学者,都能在这里找到急需的“武器弹药”。对于开发者而言,它能大幅减少寻找数据和复现模型的时间;对于研究者,它提供了丰富的基准测试资源和前沿技术参考。funNLP 以开放共享的精神,极大地降低了中文自然语言处理的开发与研究成本,是中文 AI 社区不可或缺的宝藏仓库。

79.9k|★☆☆☆☆|昨天
语言模型数据工具其他

ragflow

RAGFlow 是一款领先的开源检索增强生成(RAG)引擎,旨在为大语言模型构建更精准、可靠的上下文层。它巧妙地将前沿的 RAG 技术与智能体(Agent)能力相结合,不仅支持从各类文档中高效提取知识,还能让模型基于这些知识进行逻辑推理和任务执行。 在大模型应用中,幻觉问题和知识滞后是常见痛点。RAGFlow 通过深度解析复杂文档结构(如表格、图表及混合排版),显著提升了信息检索的准确度,从而有效减少模型“胡编乱造”的现象,确保回答既有据可依又具备时效性。其内置的智能体机制更进一步,使系统不仅能回答问题,还能自主规划步骤解决复杂问题。 这款工具特别适合开发者、企业技术团队以及 AI 研究人员使用。无论是希望快速搭建私有知识库问答系统,还是致力于探索大模型在垂直领域落地的创新者,都能从中受益。RAGFlow 提供了可视化的工作流编排界面和灵活的 API 接口,既降低了非算法背景用户的上手门槛,也满足了专业开发者对系统深度定制的需求。作为基于 Apache 2.0 协议开源的项目,它正成为连接通用大模型与行业专有知识之间的重要桥梁。

77.1k|★★★☆☆|5天前
Agent图像开发框架