源码湾

NextChat 源码:自己部署一个 ChatGPT 网页版,数据存本地

源码湾
10月16日发布
资源信息 解压即用,含完整源码与已跑通的成品包。
版本
v2.16.1
授权
MIT
体积
7.8 MB
语言
TypeScript
夸克网盘 无提取码 下载

今日下载 0 累计下载 0 还剩 10 个

想用 ChatGPT,但官方网页要梯子、订阅一个月 20 刀、聊天记录还都在人家的服务器上。这三件事,任何一个都够劝退的。NextChat 解决的就是这个:一个开源网页应用,88.8k Star,装在你自己的服务器上,接上任意 OpenAI 兼容的接口,你就有了一个界面和 ChatGPT 几乎一样的 AI 助手。

我完整装了一遍,从环境准备到跑出第一条对话。9 张截图都是实测环境里截的,装的过程和踩的坑都写在下面。

NextChat 是什么来头

一句话:给各种大模型套一个 ChatGPT 同款外壳的网页应用。

  • 项目名:NextChat(原名 ChatGPT-Next-Web,仓库地址还是这个名字)
  • 版本:v2.16.1(本文实测版)
  • 协议:MIT,商用、改代码、闭源交付都不限
  • 技术栈:Next.js 14 + React 18 + TypeScript
  • GitHub:88.8k Star(开源 AI 客户端里 Star 最高的一档)
  • 官网:nextchat.club

作者是 ChatGPTNextWeb 团队,2023 年 3 月 ChatGPT 刚火的时候开源,两年多一直高频维护。它的核心卖点就一个:你不需要 OpenAI 官方账号,也不需要它的网页——只要有一个能调用的模型接口(OpenAI、Claude、Gemini、DeepSeek、通义、豆包……都行),NextChat 负责把界面、对话、历史记录这些全包了。

一张网页,电脑浏览器能开,手机浏览器能开,装成 PWA 还能像 App 一样用。同一套代码还能打包成 Windows / Mac / Linux 桌面客户端,这是它后来加的能力。

NextChat 能干什么

对号入座:

  • 不想付 ChatGPT 订阅费的:用国内模型服务的兼容接口(价格便宜得多),NextChat 负责界面,等于白嫖它的产品设计
  • 重隐私的团队/个人:聊天记录全部存在自己浏览器本地(localStorage),不经过任何第三方服务器——官方网页版做不到这点
  • 想给客户/公司内部做 AI 工具的:装好 NextChat,设置访问密码,就是一个内部 AI 助手平台,几分钟的事
  • 有多模型需求的:一个界面里排序切换 GPT-4o、Claude、DeepSeek,同一个对话里换模型继续聊

有一条必须说清楚:NextChat 本身不含模型,它是个壳。你得有自己的 API Key(或自建模型的接口)。没有 Key 的话,装好后界面能看,对话发不出去。

核心功能亮点

模型接入

  • 支持 OpenAI / Azure / Claude / Gemini / DeepSeek / 通义千问 / 豆包 / Moonshot 等一长串服务商
  • 也支持「自定义接口」——任何 OpenAI 兼容的 API 地址都能接(我实测就是用这个功能接的本地服务)
  • 自定义模型名列表,一个账号接多家

对话体验

  • 流式输出(打字机效果)、Markdown 渲染、代码块语法高亮 + 一键复制
  • 对话标题自动生成、消息编辑重发、对话分享(生成分享链接)
  • 提示词(Prompt)管理、对话导出(Markdown / 图片 / 文本)

面具系统(特色功能)

  • 内置 32 个预设角色:文案写手、翻译、代码解释器、心理医生……
  • 每个面具可以预设提示词、模型、参数,等于「一键切换专家模式」
  • 可以自己建面具,也能导入别人做好的面具包

部署形态

  • 网页版 / PWA(可安装到手机桌面)
  • 桌面客户端(Windows / Mac / Linux,用 Tauri 打包)
  • Docker 一键部署,官方还提供了 Vercel 的一键部署按钮

界面实拍

打开就是简洁的三栏聊天界面。左边对话列表,中间聊天区,顶部一排操作按钮:

新对话首页 - NextChat 源码:自己部署一个 ChatGPT 网页版,数据存本地

配好接口后聊天是这样,流式输出、Markdown 渲染都是标配:

AI回复 自我介绍 - NextChat 源码:自己部署一个 ChatGPT 网页版,数据存本地

让它写代码,Python 语法高亮直接渲染,右上角自动出现复制按钮:

AI回复 代码高亮 - NextChat 源码:自己部署一个 ChatGPT 网页版,数据存本地

点侧栏「面具」会先进这个欢迎屏,让你挑一个角色开始:

挑选面具 - NextChat 源码:自己部署一个 ChatGPT 网页版,数据存本地

点「查看全部」进入面具库,32 个预设角色,每一行都能直接「对话」或「查看」配置:

面具库 - NextChat 源码:自己部署一个 ChatGPT 网页版,数据存本地

设置面板是它的「控制中心」。这里能看到自定义接口配置:接口地址、API Key、模型服务商、模型参数全在这:

设置面板 - NextChat 源码:自己部署一个 ChatGPT 网页版,数据存本地

主题一键切暗色,整个界面跟随,晚上用不刺眼:

暗色模式 - NextChat 源码:自己部署一个 ChatGPT 网页版,数据存本地

手机端适配也是现成的,浏览器直接打开就能用,布局自动切成移动版:

移动端 - NextChat 源码:自己部署一个 ChatGPT 网页版,数据存本地

输入框在手机上有预览气泡,打字时能看到渲染效果:

移动端输入 - NextChat 源码:自己部署一个 ChatGPT 网页版,数据存本地

实测部署过程

实测环境:Windows + Node 22(要求 22.18+ 或 24+)+ yarn。

1. 安装依赖

yarn install

坑(Windows 用户注意):装到最后一步可能报 EPERM: operation not permitted,说 yarn 临时文件打不开。这是 yarn 在 Windows 上跑安装脚本时的抽风,依赖本体其实已经装好了——直接往下启动就行,不影响使用;实在不放心,重跑一次 yarn install 就干净了。

2. 启动

yarn dev

默认端口 3000,浏览器打开 http://localhost:3000。

3. 配置接口

装好打开只是一张空壳,要能对话得先配接口:

打开「设置」→ 往下找到「自定义接口」→ 勾选 → 填「接口地址」和「API Key」。

  • 用 OpenAI 官方:地址 https://api.openai.com,Key 填 sk- 开头的
  • 用国内模型服务(DeepSeek、通义等):地址填它们给的兼容接口地址,Key 填对应平台的
  • 自建模型(vLLM、Ollama 等):填你自己服务的地址

填完关掉设置,直接在输入框发消息就能聊了。切换模型在设置页「模型」那一栏。

实话实说

优点:

  • 界面几乎复刻 ChatGPT 网页版,零学习成本,用过 ChatGPT 的人上手就知道怎么用
  • 数据全存浏览器本地,隐私这块比用官方网页踏实
  • 一个界面接所有模型,还能用「自定义接口」接自建的,自由度很高
  • 面具系统实用,32 个预设角色省了自己写提示词的功夫

缺点也得说:

  • 它只是个壳,没有模型。没有 API Key 就只是个界面,别指望装完就能聊——Key 要自己准备,用模型要花钱(比订阅便宜,但不是免费)
  • 依赖安装体量不小,网络不好要装好几分钟
  • 聊天记录存浏览器本地,换浏览器/清缓存就没了,重要对话记得导出
  • 移动端是网页适配版,能用但流畅度不如原生 App

常见问题

源码获取

上面测试用的完整包我整理好放夸克网盘了,免费取:

  • 完整源码(NextChat v2.16.1)——含本文实测的品牌改动和本地依赖(rt-client 已放包内,国内网络直接装)
  • 原版 LICENSE(MIT)+ 免责声明 + 跳转文件
  • 不含 node_modules——源码包 7.8MB,干干净净

上面记的这些坑,你自己走一遍也都会遇到。环境、依赖、配置、目录结构,一个都省不了。包里是我这边全部跑通之后才打的——要跳过这几步,直接拿下面这个。

两个小提醒:

  1. 建议先「转存到自己网盘」再下载——直接下载的链接容易失效,转存后就是你自己的了,随时能下;
  2. 手机上操作:点开链接 → 右下角「保存到网盘」→ 回夸克 App 的「我的网盘」里下载。

装之前确认一件事:Node 版本 22.18+ 或 24+,低了第一步就卡住。其他照上面走就行。

实测说明

本文截图全部来自本站实测环境(源码湾 yuanmawan.com),实测版本 NextChat v2.16.1,许可证 MIT。

© 版权声明
THE END
喜欢就支持一下吧
点赞 0 分享 收藏
评论 抢沙发
OωO
取消