ChatGPT-ChatGPT Web

[ChatGPT Web]()

**相关链接：**
GitHub：https://github.com/Chanzhaoyu/chatgpt-web
Docker：https://registry.hub.docker.com/r/chenzhaoyu94/chatgpt-web

[获取 APIKey](https://platform.openai.com/overview)
[获取 AccessToken](https://chat.openai.com/api/auth/session)

## docker-compose
`docker-compose.yml`
```ymal
version: '3'
services:
  app:
    image: chenzhaoyu94/chatgpt-web # 总是使用 latest ,更新时重新 pull 该 tag 镜像即可
    #image: nas.918178.xyz:10088/918178/chatgpt-zwzw  # 自构建镜像
    ports:
      - 3002:3002
    environment:
      # 下列方式二选一(都填则APIKey优先)
      #OPENAI_API_KEY: xxxxxx  # API,收费,稳定.https://platform.openai.com/overview
      OPENAI_ACCESS_TOKEN: xxxxxx  # WebAPI,免费,不稳定.https://chat.openai.com/api/auth/session
      #OPENAI_API_MODEL: xxxxxx  # API模型，可选，设置 OPENAI_API_KEY 时可用
      #OPENAI_API_BASE_URL: xxxxxx  # 可选,API接口地址,设置 OPENAI_API_KEY 时可用,https://openapi.ssiic.com,https://chatgptapi.googlevideo.dev/api/conversation

#API_REVERSE_PROXY: xxxxxx  # 可选,反向代理
      #SOCKS_PROXY_HOST: xxxxxx  # 可选,Socks代理,和 SOCKS_PROXY_PORT 一起时生效
      #SOCKS_PROXY_PORT: xxxxxx  # 可选,Socks代理端口,和 SOCKS_PROXY_HOST 一起时生效
      #TIMEOUT_MS: 60000  # 可选,超时，单位毫秒
```

### 带反向代理
`docker-compose.yml`
```yaml
version: '3'
services:
  chatgpt-web:
    image: chenzhaoyu94/chatgpt-web # 总是使用 latest ,更新时重新 pull 该 tag 镜像即可
    # image: nas.918178.xyz:10088/918178/chatgpt-zwzw  # 自构建镜像
    #ports:
      #- '3002:3002'  # 防止外部调用,不做开放,容器内调用
    environment:
      # 下列方式二选一(都填则APIKey优先)
      #OPENAI_API_KEY: xxxxxx  # API,收费,稳定.https://platform.openai.com/overview
      OPENAI_ACCESS_TOKEN: xxxxxx  # WebAPI,免费,不稳定.https://chat.openai.com/api/auth/session
      #OPENAI_API_MODEL: xxxxxx  # API模型，可选，设置 OPENAI_API_KEY 时可用
      #OPENAI_API_BASE_URL: xxxxxx  # 可选,API接口地址,设置 OPENAI_API_KEY 时可用,https://openapi.ssiic.com,https://chatgptapi.googlevideo.dev/api/conversation

#API_REVERSE_PROXY: xxxxxx  # 可选,反向代理
      #SOCKS_PROXY_HOST: xxxxxx  # 可选,Socks代理,和 SOCKS_PROXY_PORT 一起时生效
      #SOCKS_PROXY_PORT: xxxxxx  # 可选,Socks代理端口,和 SOCKS_PROXY_HOST 一起时生效
      #TIMEOUT_MS: 60000  # 可选,超时，单位毫秒
  nginx:
    image: nginx
    ports:
      - '8123:8123'  # Nginx 反向代理端口，要和服务一致
    volumes:
      - ./nginx.conf:/etc/nginx/nginx.conf  # 配置文件
      - ./key:/etc/nginx/key  # 存放证书
```
`nginx.conf`
```yaml
user nginx;
worker_processes auto;
error_log /var/log/nginx/error.log;
pid /run/nginx.pid;
events {
  worker_connections 1024;
}
http {
  include mime.types;
  charset UTF-8;
  # 定义limit_req_zone用于存储限制信息，rate=1r/s表示每秒最多允许1次请求
  limit_req_zone $binary_remote_addr zone=example:10m rate=1r/s;
  # HTTPS反向代理
  server {
    listen 8123 ssl;  # ⭐反向代理端口，要和容器一致
    server_name blynk.space;  # ⭐域名

# 设置用户认证
    auth_basic "Login before use";  # 登录提示
    auth_basic_user_file /etc/nginx/.passwd;  # ⭐存放密码位置

# SSL/TLS证书和私钥路径
    ssl_certificate /etc/nginx/key/blynk.space_bundle.crt;  # ⭐证书
    ssl_certificate_key /etc/nginx/key/blynk.space.key;  # ⭐密钥

# 反向代理的目标URL
    location / {
      types {
        application/octet-stream octet-stream;
      }
      # 使用 limit_req，限制请求频率，burst=5表示可以缓存20个请求，nodelay表示不延迟处理请求
      limit_req zone=example burst=5 nodelay;
      # 连接容器的服务
      proxy_pass http://chatgpt-web:3002;  # ⭐连接的内部服务,可以直接写容器
      proxy_pass_header Server;
      proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
      proxy_set_header Host $http_host;
      proxy_set_header X-Real-IP $remote_addr;
      proxy_set_header X-Scheme $scheme;
      proxy_set_header Upgrade $http_upgrade;
      proxy_set_header Connection 'upgrade';
      proxy_set_header X-Forwarded-Proto $scheme;
      proxy_set_header X-Forwarded-For $remote_addr;
      # 关闭缓冲，实现打字机效果
      default_type octet-stream;
      proxy_buffering off;
      chunked_transfer_encoding on;
      tcp_nopush on;
      tcp_nodelay on;
      #keepalive_timeout 65;  # 加了之后可能会504超时
    }
  }
}
```
`.passwd` web 简易认证的账户和密码,可以用 [在线htpasswd生成器](https://www.bejson.com/encrypt/htpasswd/) 生成你所需的密码
```bash
wj:$apr1$cb99JBhn$avFKPwMKYSsawBXWZyvbb0
sherry:$apr1$BoqAnYi7$iKFOXv4iuHjhfakSFSzZO.
yyf:$apr1$kzjrLHlH$JVAPVlJVXaxSDO5MKb4kN0
```

## 自行构建
如果构建镜像，推荐本地构建后再传入服务器，速度要比直接在服务器上构建快多了
```bash
# 构建镜像
git clone https://ghproxy.com/https://github.com/Chanzhaoyu/chatgpt-web.git		# 拉取最新库
docker build -t 918178/chatgpt-zwzw .		# 构建镜像

# 运行
docker run --name chatgpt-zwzw -d -p 3002:3002 --env OPENAI_API_KEY=your_api_key 918178/chatgpt-zwzw
```
>w 自编译镜像，参数和官方一致：
> 登录私有Docker源：`docker login nas.918178.xyz:10088 -u <用户> -p <密码>`
> 拉取镜像：`docker pull nas.918178.xyz:10088/918178/chatgpt-zwzw:latest`
> 使用镜像名：`nas.918178.xyz:10088/918178/chatgpt-zwzw:latest`

## 其它拓展设置
### 左下角默认信息
`.../src/store/modules/user/helper.ts`
```java
export function defaultSetting(): UserState {
  return {
    userInfo: {
      avatar: 'https://blynk.space:8443/assets/img/ZWZW.jpg',
      name: '造物者W',
      description: '<a href="https://nas.918178.xyz:10086" class="text-blue-500" target="_blank" >zwzw</a>',
    },
  }
}
```

### 默认黑色主题
`.../src/store/modules/app/helper.ts` 中的 `light` 修改为 `dark`
```bash
export function defaultSetting(): AppState {
  return { siderCollapsed: false, theme: 'dark', language: 'zh-CN' }
}
```

### ~~设置 API 调用的模型~~
`现在可以通过参数更改了`
编辑 `/app/src/chatgpt/index.ts`
```bash
if (process.env.OPENAI_API_KEY) {
const options: ChatGPTAPIOptions = {
model: "gpt-3.5-turbo",		# 设置模型
temperature: 0.8,
apiKey: process.env.OPENAI_API_KEY,
presence_penalty: 0.6,
debug: false,
}
```

### 前端没有打字机效果
编辑Nginx代理服务器的 `/nginx/nginx.conf`
```bash
proxy_buffering off;		# 关闭缓冲
```