ChatGPT-Next-Web：开源网页版 AI 对话应用

为什么你需要一个自托管的 AI 对话界面？

日常使用 ChatGPT 或 Claude 时，你可能会遇到几个尴尬的时刻：官方网页版偶尔卡顿，聊天记录散落在不同平台，想换个模型还得切换标签页。更重要的是，许多团队希望将 AI 能力集成到内部系统，但又不想把数据托管给第三方。ChatGPT Next Web 正是为解决这些问题而生——它是一套纯前端的开源项目，你只需拥有一个 API Key，就能在 Vercel、Netlify 或自己的服务器上部署一个私有的、多模型的对话界面。

核心功能：不止是聊天框

多模型支持与自由切换

ChatGPT Next Web 并非只支持 OpenAI 的模型。通过自定义接口地址，你可以接入 Claude、Gemini、智谱 GLM 等兼容 OpenAI 协议的模型。在会话中，你可以像切换输入法一样地切换模型，并针对每个模型单独配置温度、Top-P 等参数，这在做 A/B 测试或比较模型回答时非常高效。

本地存储与数据掌控

所有对话历史、Prompt 模板、设置项都存储在浏览器本地（IndexedDB / localStorage），没有用户系统，也就没有服务器端的数据泄露风险。你还可以一键导出全部数据为 JSON 或 Markdown 格式，备份或迁移都极其方便。项目内置了 Prompt 商店，收集了程序员写作、翻译、代码审查等常用模板，你也可以把自己的 Prompt 分享给其他用户。

响应式界面与沉浸式体验

界面设计借鉴了移动端聊天应用，在手机和电脑上都能自适应。代码高亮、Markdown 渲染、一键复制代码块、数学公式支持，这些细节让开发者用起来非常顺手。此外，它还支持自动压缩长对话历史，避免超出模型的上下文窗口。

使用方法：三步完成部署

第一步：获取代码。如果你熟悉 Git，直接执行：

git clone https://github.com/Yidadaa/ChatGPT-Next-Web.git

或者去 GitHub 项目页(https://github.com/Yidadaa/ChatGPT-Next-Web)下载 ZIP 包。

第二步：配置环境变量。项目根目录复制 .env.template 为 .env.local，填入你的 API Key 和模型接口。如果你在 Vercel 上部署，直接在网页端添加环境变量即可。核心变量就两个：OPENAI_API_KEY（你的密钥）和 CODE（访问密码，留空则完全公开）。

第三步：运行。本地开发执行 npm install 和 npm run dev。想要一键发布到线上，推荐点击项目 README 里的 Vercel 一键部署按钮，它会自动创建项目并填入环境变量，全程耗时不超过三分钟。

部署完成后，打开网址输入你设置的访问密码，就可以开始使用了。记得在设置页面填上你的模型接口地址（默认是 OpenAI 官方，如果使用代理需要改成代理的地址）。

注意事项

• API Key 安全：如果你是个人使用，建议开启访问密码（CODE 环境变量），并且不要在前端代码中暴露自己的 API Key。项目会在请求时由客户端直连 API，Key 仅存储在浏览器本地，但仍需防范 XSS 攻击，避免使用不可信的浏览器扩展。
• 网络环境：国内服务器直接访问 OpenAI API 有时会超时，你可以在设置中填写自己的反向代理地址。或者部署在 Vercel（国外平台）上，同时把所有请求都代理到你的 Key 对应区域。
• 版本更新：项目迭代较快，从 GitHub 更新代码后，Vercel 会自动重新部署。但如果你修改过本地文件，需要手动处理冲突。
• 多用户场景：由于没有后端，它并不适合商业化团队协作。每个用户的数据只在各自的浏览器里，无法共享历史记录。如果需要团队统一管理，请考虑服务端方案。

ChatGPT Next Web 的社区非常活跃，官方还提供了 Docker 镜像，方便 NAS 或 VPS 用户直接运行。它是一个兼顾轻量、安全与实用的项目，如果你需要部署一个个人 AI 助手，不妨试试。