ChatGPT-web

网址: https://niek.github.io/chatgpt-web/

ChatGPT-web 是一个简单的单页 Web 界面，用于访问 OpenAI 的 ChatGPT API。要使用它，您需要先注册获取 OpenAI API 密钥。所有消息都存储在您的浏览器本地存储中，因此一切都是 私密的。您也可以关闭浏览器标签页，稍后再回来继续对话。

特性

• 开源: ChatGPT-web 是开源的（GPL-3.0），因此您可以自行托管并根据需要进行修改。
• 私密: 所有聊天和消息都存储在您的浏览器本地存储中，因此一切都是私密的。
• 可定制: 您可以自定义提示词、温度以及其他模型设置。支持多种模型（包括 GPT-4）。
• 更便宜: ChatGPT-web 使用的是商业版 OpenAI API，因此比 ChatGPT Plus 订阅要便宜得多。
• 快速: ChatGPT-web 是一个单页 Web 应用程序，因此它 快速且响应迅速。
• 移动友好: ChatGPT-web 兼容移动设备，因此您可以在手机上使用它。
• 语音输入: ChatGPT-web 支持语音输入，因此您可以与 ChatGPT 对话，它也会回应您。
• 预选提示词: ChatGPT-web 自带一份 预选提示词列表，方便您快速开始。
• 导出: ChatGPT-web 可以将聊天记录导出为 Markdown 文件，以便与他人分享。
• 代码: ChatGPT-web 能够识别并高亮显示代码块，并允许您一键复制。
• 桌面应用: ChatGPT-web 可以打包成桌面应用程序，这样您就可以在浏览器之外使用它。
• 图像生成: ChatGPT-web 可以使用 DALL·E 模型通过提示词“给我展示一张……的图片”来生成图像。
• 流式传输: ChatGPT-web 可以流式传输来自 API 的响应，因此您可以在响应生成时实时查看内容。

开发与构建

以下是参与开发以及准备生产构建的方法：

设置并运行开发服务器

要安装依赖项并启动开发服务器：

npm ci
npm run dev

准备生产构建

要编译项目以供生产使用，确保最佳性能：

npm run build

此命令会生成一个 dist 文件夹，其中包含可用于部署的生产版本项目。

集成 Awesome ChatGPT Prompts

Awesome ChatGPT Prompts 仓库是一个丰富的提示词示例库，专为 ChatGPT 模型设计。这些提示词可以激发新的对话，或扩展与模型的现有互动。您可以通过添加自己的提示词或利用该仓库来启发您的贡献：

要更新并将仓库中的最新提示词集成到您的项目中，请运行以下命令：

git subtree pull --prefix src/awesome-chatgpt-prompts https://github.com/f/awesome-chatgpt-prompts.git main --squash

此命令会将最新的提示词同步到您项目的 src/awesome-chatgpt-prompts/ 目录中，从而营造持续创新和扩展的环境。

使用 Docker Compose 进行本地部署

使用 Docker Compose 可以轻松地在本地部署应用程序及其模拟 API。通过执行以下命令，您可以毫不费力地启动这两个服务：

docker compose up -d

访问本地 Web 服务

成功运行 Docker Compose 命令后，本地版本的 Web 服务即可访问。您可以通过访问以下地址与其交互：http://localhost:5173/

模拟 API 的使用

对于那些希望立即获得 API 响应的情况，可以考虑使用模拟 API。请按照以下步骤配置和自定义您的模拟 API 响应：

• 配置:

  • 打开位于项目根目录下的 .env 文件。
  • 将键值对 VITE_API_BASE=http://localhost:5174 分配给变量，以将请求重定向到模拟 API。
  • 执行 docker compose up -d mocked_api 启动模拟 API 服务。

• 自定义响应:

  • 若要在 API 响应中引入延迟，可以使用 d 加上所需的秒数（例如，d2 表示延迟 2 秒）。
  • 若要指定响应的长度，可以使用 l 加上所需的句子数量（例如，l10 表示 10 句话的响应）。
  • 例如，发送 d2 l10 会配置模拟 API 在 2 秒后延迟响应，并返回 10 句话。

桌面应用

要将 ChatGPT-web 用作桌面应用程序：

• 安装: 首先，请确保您的计算机上已安装 Rust。

• 开发版本:

  • 运行 npm run tauri dev 以在开发模式下启动桌面应用。

• 生产版本:

  • 使用 npm run tauri build 编译应用的生产版本。

• 构建后的应用程序位置:

  • 构建好的应用程序将位于 src-tauri/target 文件夹中。

贡献者

Michael Tanzer 🤔 💻	Peter 🤔	Dan Brown 🤔 💻	littlemoonstones 💻 🤔	maxrye1996 🐛	Mikemansour 🤔	abc91199 🤔
fuegovic 🤔	Sixzeroo 💻	terryoy 🤔 💻	Yang Lyu 🐛	ryanhex53 💻 🎨	Emil Elgaard 🤔 🎨 💻	felixschwamm 💻 🤔
Webifi 💻 🤔	Daniel Dengler 💻	Ashkan 💻	antopoid 📖	MitchBoss 💻	Ikko Eltociear Ashimine 📖	Jackson Stewart 🐛
Niel Thiart 💻	Maksim Misin 💻	romain.wg 📖	Morgan 💻	Udon 🎨	Ryan526 💻	Clemens123 💻

ChatGPT-web 快速上手指南

ChatGPT-web 是一个开源的单页 Web 应用，提供对 OpenAI ChatGPT API 的简洁访问界面。所有对话数据仅存储在浏览器本地，确保隐私安全。

环境准备

在开始之前，请确保您的开发环境满足以下要求：

• 操作系统：Windows, macOS 或 Linux
• Node.js：建议安装最新 LTS 版本 (用于运行开发服务器和构建)
• npm：随 Node.js 自动安装
• OpenAI API Key：需提前在 OpenAI 平台 注册获取
• 可选依赖：
  • Docker & Docker Compose：用于本地部署和模拟 API 测试
  • Rust：仅当需要构建桌面客户端版本时需要安装

安装步骤

1. 克隆项目

首先将代码仓库克隆到本地：

git clone https://github.com/Niek/chatgpt-web.git
cd chatgpt-web

2. 安装依赖

使用 npm 安装项目所需依赖：

npm ci

提示：如果在国内网络环境下安装缓慢，可配置淘宝镜像源加速：

npm config set registry https://registry.npmmirror.com
npm ci

3. 启动开发服务器

安装完成后，启动本地开发服务：

npm run dev

启动成功后，访问终端显示的地址（通常为 http://localhost:5173）即可使用。

4. (可选) 构建生产版本

如需部署到生产环境，执行以下命令生成静态文件：

npm run build

构建产物将输出至 dist 目录。

基本使用

1. 访问界面：在浏览器中打开应用地址（本地开发为 http://localhost:5173 或直接访问在线版 https://niek.github.io/chatgpt-web/）。
2. 配置 API Key：
   • 在界面设置中输入您的 OpenAI API Key。
   • 该密钥仅保存在您的浏览器本地存储中，不会上传至任何第三方服务器。
3. 开始对话：
   • 直接在输入框发送消息，即可与 ChatGPT 进行对话。
   • 支持流式输出（打字机效果）、代码高亮及一键复制。
4. 高级功能：
   • 语音交互：点击麦克风图标即可进行语音输入，系统也支持语音回复。
   • 预设提示词：内置了精选的 Prompt 列表，可快速开启特定角色的对话。
   • 图片生成：输入类似 "show me an image of ..." 的指令，可调用 DALL·E 模型生成图片。
   • 导出对话：支持将聊天记录导出为 Markdown 文件。
   • 断点续聊：关闭浏览器后再次打开，之前的对话记录会自动保留。

本地模拟 API 测试（开发者专用）

若暂无 API Key 或想测试延迟/响应长度，可使用 Docker 启动模拟 API：

docker compose up -d mocked_api

然后在根目录 .env 文件中设置：

VITE_API_BASE=http://localhost:5174

重启开发服务器后，可通过发送 d2 l10 等指令控制模拟响应的延迟秒数和句子数量。