littlebot
Published on 2025-04-03 / 3 Visits
0

【源码】基于Vue3和OpenAI的NextChat

项目简介

本项目是一个基于 Vue3、Vite、Tailwind 和 OpenAI API 的跨平台 ChatGPT 网页应用。用户能够通过一键部署快速拥有一个设计精良的 ChatGPT 应用,支持 GPT3、GPT4 和 Gemini Pro 模型,可在 Linux、Windows 和 MacOS 系统上使用。

项目的主要特性和功能

  1. 一键部署:可通过 Vercel、Zeabur 或 Gitpod 轻松完成部署。
  2. 跨平台支持:提供极小体积的客户端,适配 Linux、Windows 和 MacOS 系统。
  3. 隐私优先:数据全部保存在用户浏览器本地,保障隐私安全。
  4. Markdown 支持:支持 LaTex 公式、Mermaid 流程图以及代码高亮等。
  5. 响应式设计:支持深色模式和 PWA。
  6. 预制角色功能:能创建、分享和调试个性化对话。
  7. 多语言支持:具备多种语言界面。
  8. 自动压缩聊天记录:支持长对话,节省 Token。
  9. 环境变量配置:可灵活配置 API 密钥、访问密码等。

安装使用步骤

前提条件

假设用户已经下载了本项目的源码文件。

操作步骤

  1. 获取 OpenAI API Key:前往 OpenAI 平台 获取 API Key。
  2. 部署项目:使用 Deploy on Zeabur 部署到 Zeabur。
  3. 配置环境变量:在 Vercel 或 Zeabur 的环境变量页面中,添加 OPENAI_API_KEYCODE(可选)。
  4. 访问应用:部署完成后,访问生成的链接即可使用本应用。

环境变量配置说明

  • OPENAI_API_KEY(必填):你的 OpenAI API Key。
  • CODE(可选):访问密码,多个密码用逗号分隔。
  • BASE_URL(可选):OpenAI API 的代理地址。
  • OPENAI_ORG_ID(可选):OpenAI 组织 ID。
  • AZURE_URL(可选):Azure 部署地址。
  • AZURE_API_KEY(可选):Azure API Key。
  • AZURE_API_VERSION(可选):Azure API 版本。
  • GOOGLE_API_KEY(可选):Google Gemini Pro API Key。
  • GOOGLE_URL(可选):Google Gemini Pro API 地址。
  • HIDE_USER_API_KEY(可选):是否隐藏用户 API Key 输入框。
  • DISABLE_GPT4(可选):是否禁用 GPT - 4。
  • ENABLE_BALANCE_QUERY(可选):是否启用余额查询。
  • DISABLE_FAST_LINK(可选):是否禁用从链接解析预制设置。
  • CUSTOM_MODELS(可选):自定义模型列表,使用 + 添加模型,- 移除模型,= 自定义模型名称。

开发与部署

本地开发

  1. 安装 NodeJS 18 和 Yarn。
  2. 在项目根目录创建 .env.local 文件,并添加环境变量: OPENAI_API_KEY=<your api key here>
  3. 运行以下命令启动开发服务器: shell yarn install yarn dev

容器部署

  1. 拉取 Docker 镜像: shell docker pull yidadaa/chatgpt-next-web
  2. 运行容器: shell docker run -d -p 3000:3000 \ -e OPENAI_API_KEY=sk-xxxx \ -e CODE=your-password \ yidadaa/chatgpt-next-web

下载地址

点击下载 【提取码: 4003】【解压密码: www.makuang.net】