【第4篇】NextChat 部署教程：把 AI 对话网站搬到你自己的服务器上

系列导航：前三篇讲的是直接用现成软件，这篇不一样——我们要自己动手，把 AI 对话网站从零部署到你的服务器上。适合有点动手意愿、想拥有完全自主权的读者。

一、为什么要自己部署？

先回答这个问题：Cherry Studio 和 Chatbox 不好用吗？为什么还要自己折腾部署？

好用的前提下，自己部署有三个理由：

1. 数据完全自主 用 Cherry Studio/Chatbox，数据在人家的软件里。你想备份、迁移、导出多少受限制。自己搭，数据在自己服务器上，想怎么折腾怎么折腾。

2. 定制化界面 部署到自己的服务器后，你可以改主题颜色、加公司 logo、删掉不需要的功能，做成你自己的定制版本。给客户演示、给团队内部用，都更体面。

3. 多人共用，成本分摊 部署一套，团队 10 个人一起用。一个 API Key，10 个人共享，按量计费——比每个人单独买套餐便宜得多。

当然，如果你是纯小白，用 Cherry Studio 就够了，没必要折腾部署。这篇文章适合有一点电脑操作基础、想深入一步的读者。

二、NextChat 是什么？

NextChat（也叫 ChatGPT-Next-Web 或者 Next-Chat）是一个开源的 AI 对话界面，最初是给 ChatGPT 用的，但因为它支持自定义 API 地址，所以 DeepSeek、硅基流动、OpenAI 都能接。

简单理解：NextChat = 一个可以部署到任何服务器上的 AI 对话网站。

它长什么样？界面和 ChatGPT 网页版很像——左侧对话列表，中间输入框，支持切换模型、设置角色、导入导出数据，而且完全免费开源。

三、部署方式选择：Vercel（3分钟搞定）vs 自建服务器

NextChat 有两种部署方式，适合不同的人：

新手建议：先用 Vercel 方式跑通全流程，觉得好用再考虑自建服务器。

四、Vercel 部署（新手首选）：3分钟搞定

第一步：准备工作

第二步：Fork 项目到你的 GitHub

第三步：去 Vercel 部署

第四步：配置环境变量（这一步最关键）

在 Vercel 的配置页面，你需要设置几个环境变量（Environment Variables）：

必填项（不填会报错）：

环境变量名：OPENAI_API_KEY
值：你的 API Key（从 deepseek.com 或 openai.com 拿到的）

环境变量名：OPENAI_API_BASE_URL
值：https://api.deepseek.com （如果用 DeepSeek）
或者：https://api.siliconflow.cn/v1 （如果用硅基流动）

可选（建议填）：

环境变量名：CODE
值：你自己设一个访问密码（比如 abc123）

为什么要设密码？因为 Vercel 部署的网站默认是公开的，谁知道链接都能用。设了密码之后，打开网站需要先输入密码，安全多了。

第五步：点 Deploy，等 1 分钟

配置完以上内容，点击 “Deploy”（部署）。

Vercel 会自动下载代码、编译、打包、发布——你什么都不用做，喝口水，1 分钟后，你自己的 AI 对话网站就上线了。

Vercel 会给你一个网址，格式类似：

https://your-project.vercel.app

打开这个网址，输入你设的访问密码，就能用 AI 对话了。

五、自建服务器部署（进阶）：数据完全自主

如果你有云服务器（阿里云、腾讯云、AWS 什么的），想数据完全自主，用这种方式。

前提条件：

• 一台云服务器（2核2G 以上，Linux 系统，推荐 Ubuntu 22.04）
• 了解基本的 SSH 连接和命令行操作

第一步：用 SSH 连接服务器

在本地终端（Windows 用 PowerShell 或 CMD）输入：

ssh root@你的服务器IP

输入密码（购买服务器时设置的），连上后就能在服务器上执行命令了。

第二步：安装 Node.js

NextChat 是用 Node.js 写的，需要先装运行环境。

# 更新软件包
sudo apt update && sudo apt upgrade -y

# 安装 Node.js 18
curl -fsSL https://deb.nodesource.com/setup_18.x | sudo -E bash –
sudo apt install -y nodejs

# 验证安装成功
node -v
# 应该显示 v18.x.x

第三步：Clone 代码并构建

# 拉取代码
git clone https://github.com/Yidadaa/ChatGPT-Next-Web.git

# 进入项目目录
cd ChatGPT-Next-Web

# 安装依赖（这一步时间较长，耐心等）
npm install

# 构建
npm run build

构建完成后，生成的文件在 out/ 目录里。

第四步：用 Nginx 做反向代理（让网站可以访问）

# 安装 Nginx
sudo apt install nginx -y

# 启动 Nginx
sudo systemctl start nginx

# 配置
sudo nano /etc/nginx/sites-available/default

在打开的编辑器里，删除原有内容，替换为：

server {
listen 80;
server_name 你的服务器IP或域名;

location / {
proxy_pass http://127.0.0.1:3000;
proxy_set_header Host $host;
proxy_set_header X-Real-IP $remote_addr;
}
}

保存后重启：

sudo systemctl restart nginx

第五步：启动 NextChat

# 在项目目录里运行
npm run start &

现在在浏览器输入你的服务器 IP，应该就能看到 NextChat 的界面了。

⚠️ 如果打不开，检查防火墙是否开放了 80 和 443 端口。在云服务器控制台的安全组里设置。

六、Vercel vs 自建服务器：关键区别

七、上线后的第一件事：设置访问密码

无论你用哪种方式部署，上线后的第一件事一定是设密码。

Vercel 部署的：在环境变量里填了 CODE 就有了密码 自建服务器的：启动时加参数 –api-password abc123

不设密码 = 你家大门敞开，任何人知道网址都能用你的 API，费用你买单。

八、常见问题

Q1：部署完了显示白屏，什么都没显示

一般是构建出错了。Vercel 去部署日志里看报错信息，自建服务器用 npm run start 看终端报错。最常见原因是 API Key 填错了或者网络问题导致依赖没装完。

Q2：可以自定义界面吗？

可以。自建服务器部署后，public/ 目录里可以换 logo、改主题颜色，app/page.tsx 里可以改布局。Vercel 部署的话，改完代码要重新 Push 才能生效。

Q3：部署后流量大了会怎样？

Vercel 免费版有流量限制（每月 100G），超出后会暂停。自建服务器看带宽，超出云服务器带宽限制会限速。团队多人用的话，建议监控 API 消耗。

Q4：服务器在国外，要翻墙才能访问

如果服务器在国外，大陆用户访问可能慢甚至打不开。建议服务器买在大陆（阿里云北京节点、腾讯云上海节点等），大陆访问快，而且不需要翻墙就能用 DeepSeek/硅基流动 API。

九、总结

三句话：

下一步预告： 第5篇《LobeChat 本地一键部署》，讲另一个开源 AI 客户端——LobeChat 的最大亮点是它有插件系统，可以接 PDF、接知识库、接网页搜索，功能比 NextChat 更丰富，适合想用 AI 做知识管理的人。

系列目录

• [第1篇] AI 客户端核心配置手册 ✅
• [第2篇] Cherry Studio 接入全模型指南 ✅
• [第3篇] Chatbox 接入指南 ✅
• [第4篇] NextChat 部署教程 ✅
• [第5篇] LobeChat 本地一键部署（待更新）
• [第6篇] OneAPI 聚合配置教程（待更新）
• [第7篇] 国内低价 API 平台选择（待更新）
• [第8篇] 常见报错与排查实战（待更新）

标签：NextChat | ChatGPT-Next-Web | Vercel | 自建服务器 | AI部署 | 开源工具 | Nginx