chatgpt next web搭建的进一步展开说明

# ChatGPT Next Web：随时随地方便使用ChatGPT的私人利用

随着ChatGPT成为愈来愈受欢迎的聊天机器人工具，我们非常开心肠介绍一个私人ChatGPT网页利用——ChatGPT Next Web，它能让你随时随地方便地使用ChatGPT！

## 1. ChatGPT Next Web 简单介绍

ChatGPT Next Web是一个非常方便的聊天机器人，它提供了以下主要功能：

– 可以一键部署在Vercel上，只需1分钟便可完成；
– 界面设计精美，支持深色模式，并且具有响应式设计，适应各种屏幕大小；
– 启动加载速度不错，仅需约100KB；
– 内置大量中文和英文的提示语列表，方便用户进行对话；
– 自动紧缩上下文聊天记录，同时支持超长对话，节省Token；
– 可以一键导出聊天记录，并且完全支持Markdown格式；
– 如果你有自己的域名，更好的是你可以绑定域名，这样你就能够在任何地方方便快速地访问。

这些功能使得ChatGPT Next Web成为一个非常强大和实用的聊天机器人工具。

## 2. 项目展现

– 演示Demo: [https://chat-gpt-next-web.vercel.app/](https://chat-gpt-next-web.vercel.app/)
– 反馈Issues: [https://github.com/Yidadaa/ChatGPT-Next-Web/issues](https://github.com/Yidadaa/ChatGPT-Next-Web/issues)
– 加入Discord: [https://discord.gg/zrhvHCr79N](https://discord.gg/zrhvHCr79N)
– 打赏开发者请项目原作者喝咖啡

ChatGPT Next Web提供了两种搭建方式，一种是无需服务器，直接部署在Vercel上；另外一种是部署在自己的服务器上。

## 3. 开始使用

### 3.1 无需服务器部署在Vercel上

首先，你需要一个注册了Vercel账号并登录的github帐户，然后依照以下步骤进行操作：

1. 在GitHub上找到项目的Repo，并且Clone该Repo到你的本地。
2. 使用Vercel将该Repo关联到你的账号。
3. 配置环境变量：在Vercel上选择你关联的Repo，进入Settings选项卡，然后在Environment Variables中添加`OPENAI_API_KEY`和`CODE`两个环境变量，并分别设定对应的值。其中`OPENAI_API_KEY`是ChatGPT的API密钥，你可以在[https://platform.openai.com/account/api-keys](https://platform.openai.com/account/api-keys)上获得到；而`CODE`是你设置的密码，用于保护访问页面。
4. 部署：返回到Vercel的主页，选择你关联的Repo，并点击Deploy按钮。

### 3.2 部署在自己的服务器上

如果你希望将ChatGPT Next Web部署在自己的服务器上，依照以下步骤进行操作：

1. 准备服务器环境：根据你的实际需求选择服务器，推荐使用腾讯云轻量利用服务器或莱卡云服务器。安装好Debian 11系统，同时安装好Docker和Docker-compose。
2. 获得ChatGPT的API密钥：参考[https://platform.openai.com/account/api-keys](https://platform.openai.com/account/api-keys)获得ChatGPT的API密钥。
3. 下载ChatGPT Next Web的docker-compose.yaml文件：使用以下命令下载该文件：`wget https://cpp.li/openai`。
4. 修改docker-compose.yaml文件：打开该文件，填入你的OPENAI_API_KEY和CODE，并保存退出。
5. 开放端口8090：确保服务器的防火墙开放了8090端口，如腾讯云的服务器，进入防火墙设置，添加允许8090端口的规则。可使用以下命令检查端口会不会开放：`lsof -i:8090`，如果没有输出，则表示端口未被占用。
6. 部署：使用以下命令部署ChatGPT Next Web：`docker-compose up -d`。
7. 访问：打开浏览器，在地址栏输入`http://你的服务器IP:8090`，便可访问ChatGPT Next Web。

## 4. 搭建环境

在部署ChatGPT Next Web之前，需要准备一些环境：

– 服务器：建议使用腾讯云轻量利用服务器或莱卡云服务器。
– 系统：推荐使用Debian 11，固然也能够使用其他支持Docker和Docker-compose的系统。
– Docker和Docker-compose：安装好Docker和Docker-compose，这样才能在服务器上部署ChatGPT Next Web。
– 域名：推荐使用域名来访问ChatGPT Next Web，可以提升访问安全性，并且更加方便记忆。

## 5. 搭建视频教程

如果你想更直观地了解搭建ChatGPT Next Web的进程，可以观看以下视频教程：[https://youtu.be/C97PAwJ9fkA](https://youtu.be/C97PAwJ9fkA)。

除视频教程外，你还可以在哔哩哔哩上观看高清版本的搭建视频。

## 6. 搭建方式

如果你使用的是腾讯云的轻量利用服务器，可以依照以下步骤来搭建ChatGPT Next Web：

1. 安装Docker和Nginx Proxy Manager：可以参考[https://blog.laoda.de/archives/nginxproxymanager](https://blog.laoda.de/archives/nginxproxymanager)的教程进行安装。
2. 创建安装目录：使用以下命令创建安装目录并进入：`mkdir -p /root/data/docker_data/chatgpt-web && cd /root/data/docker_data/chatgpt-web`。
3. 编辑docker-compose.yml文件：使用以下命令编辑docker-compose.yml文件：`vim docker-compose.yml`。在文件中输入以下内容：

“`yaml
version: ‘3.3’

services:
chatgpt-next-web:
ports:
– ‘8090:3000’
environment:
– OPENAI_API_KEY=sk-xxxx
– CODE=your-password
image: yidadaa/chatgpt-next-web
“`

4. 保存并退出文件编辑模式，然后履行以下命令打开8090端口：`ufw allow 8090`。
5. 部署ChatGPT Next Web：使用以下命令部署ChatGPT Next Web：`docker-compose up -d`。
6. 访问ChatGPT Next Web：在浏览器地址栏中输入你的服务器IP和8090端口，便可访问ChatGPT Next Web。

如果你想使用其他服务器，可以直接跳到6.1部份。

## 7. 反向代理

为了更好地访问ChatGPT Next Web，可使用反向代理，将域名与ChatGPT Next Web关联起来。

### 7.1 利用Nginx Proxy Manager

使用Nginx Proxy Manager可以很方便地实现反向代理，具体操作以下：

1. 确保你已完成了域名解析，将域名指向你的服务器IP。
2. 登录Nginx Proxy Manager，并添加反向代理。在添加反向代理时，填写对应的域名、IP和端口，依照本文的设置，端口应为8090。
3. 勾选适合的选项，保存设置。
4. 现在你可使用域名访问ChatGPT Next Web了。

### 7.2 利用宝塔面板

如果你习惯使用宝塔面板，也能够使用宝塔面板来配置反向代理。

你只需要创建一个不需要数据库和PHP的纯静态站点，然后打开该站点的Nginx配置，将以下代码添加进去：

“`nginx
location / {
proxy_pass http://127.0.0.1:8090/;
rewrite ^/(.*)$ /$1 break;
proxy_redirect off;
proxy_set_header Host $host;
proxy_set_header X-Forwarded-Proto $scheme;
proxy_set_header X-Real-IP $remote_addr;
proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
proxy_set_header Upgrade-Insecure-Requests 1;
proxy_set_header X-Forwarded-Proto https;
}
“`

这样就能够通过域名访问ChatGPT Next Web了。

## 8. 使用教程

具体的使用教程可以参考视频教程或自行摸索。

请确保在使用ChatGPT Next Web之前填写docker-compose.yml文件中的密码。

## 9. 待完善的地方

目前还没有发现需要完善的地方。

## 10. 结尾

祝大家使用ChatGPT Next Web愉快！如果遇到问题，请在GitHub上提Issues或在评论区进行交换。

同时，如果你有能力为ChatGPT Next Web做贡献，欢迎加入项目并为其发展做出贡献！

最后，感谢ChatGPT Next Web开发人员的辛苦付出，让我们能够使用如此优秀的工具！

chatgpt next web搭建的常见问答Q&A