## 簡介

這是一份面向初學者的教程，直接進行操作，不廢話。如果你按照步驟操作后仍無法成功，請告訴我，我將提供視頻教程！

本教程僅供學習交流使用，不可用于商業(yè)和違法目的。

項目代碼采用MIT協(xié)議，請在分發(fā)和傳播時注明代碼來源；

項目演示地址：https://chatmptest.hcolor.pro/#/

## 前置準備

1. 一臺電腦：需要進行代碼編譯和修改等操作；

2. 給項目作者點Star：https://github.com/dulaiduwang003/ChatGPT-WEB

3. 一個可以請求ChatGPT的API的token；

4. 注冊域名并備案(備案非必須,但好用)：建議使用阿里云，備案預估時間為7到30天。（如果你的網(wǎng)站不打算備案，可以選擇在香港服務器上托管，可以不需要備案域名，但可能會遇到偶爾卡頓或掉線的問題。因此香港服務器貴一大截）

## 步驟一：創(chuàng)建服務器 - 阿里云為例

1、準備一臺服務器，端口全開，拿到ssh必須要素：ip、root賬號密碼；

2、安裝寶塔

? ? ? #如果是阿里云的服務器，安裝寶塔之前執(zhí)行以下命令

? ? ? echo '100.100.2.148 mirrors.aliyun.com' >> /etc/hosts

? ? ? #再執(zhí)行寶塔安裝命令

? ? ? yum install -y wget && wget -O install.sh https://download.bt.cn/install/install_6.0.sh && sh install.sh ed8484bec

3、使用寶塔面板安裝MySQL 8、Redis 7、OpenJdk 19以及nginx（預計需要2小時）

4、阿里云域名做A類解析并指向服務器IP；

#例如

后端：superbot.hcolor.pro? A類 47.119.160.110

前端：superchat.hcolor.pro? A類? 47.119.160.110

## 步驟二：準備開發(fā)環(huán)境

1. 選擇一個代碼編輯器-vscode [https://code.visualstudio.com/](https://code.visualstudio.com/sha/download?build=stable&os=win32-x64-user)

2. 下載并安裝node（版本：node-v16.20.1-x64.msi） [官方下載鏈接](https://nodejs.org/download/release/v16.20.1/)

3. 在官網(wǎng)下載openJDK19 [官方下載鏈接](https://jdk.java.net/19/)

4. 安裝maven，這是一個用于打包Java項目的工具 [官方下載鏈接](https://maven.apache.org/download.cgi)

#### 如何驗證安裝是否正確

1. 利用vscode軟件打開編輯器；

2. 輸入`node -v`，確保有返回結(jié)果，輸入`npm -v`，同樣也應該有返回結(jié)果；

3. 輸入`java`，確保有輸出結(jié)果；

4. 輸入`mvn`，確保有輸出結(jié)果；

## 步驟三：下載代碼并修改配置

1. github下載對應代碼

2. 修改相應的配置文件，以便在本地運行代碼；

3. 對Java后端項目進行打包操作：`mvn package -P prod`；

4. 對前端項目進行依賴安裝和打包：`npm install && npm run build`；

## 步驟四：上傳寶塔和配置站點；

1、把前端代碼放入前端站點;

2、生成前后端ssl證書；

3、寶塔在java項目中部署jar包

4、配置站點；

## 可能的意外情況：

1、后端運行不起來：

? ? ? 1. openjdk版本不對

? ? ? 2. 域名證書處理不對

2、前端接口報錯

? ? ? 1. https證書和域名，跨域問題；

? ? ? 2. 后端沒配置問題

3、其他報錯:

? ? ? 請求地址：https://chatgpt1.nextweb.fun/api/proxy

? ? ? 請求token（可能會過期，自備）: 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