余所介紹之Chatbot UI昔日已有所涉及，今乃吾之 ChatGPT 網頁端之主力也。吾素用 Github 之專案主頁所薦之一鍵部署於 Vercel，然近日 Vercel, 或有日益眾多之使用者，令頁面載入漸見遲緩，影響體驗。欲觀其能否部署於己之 VPS 或本地，故特記錄吾之部署過程。
| 名稱 | 地址 |
|---|---|
| Chatbot UI | https://github.com/mckaywrigley/chatbot-ui |
VPS 部署 (未完)#
- 首先我按照專案說明在 VPS 安裝好各類依賴和環境，運行
docker build -t chatgpt-ui .
- 然後整個世界安靜了，為我的小白行徑自罰一杯
|
|
|
* 待我搞台更強悍的 VPS?😅
本地部署#
| 名稱 | 配置 |
|---|---|
| Mac OS | Ventura 13.3.1 |
| Docker | version 23.0.3 |
打開終端#
自行 ChatGPT 安裝好 Docker，我的 Docker 專案都是放在 "文稿" 文件夾裡，即:/Users/geek/Documents/docker
終端進入 docker 文件夾#
cd /Users/geek/Documents/docker
克隆 chatbot-ui 專案到本地#
git clone https://github.com/mckaywrigley/chatbot-ui.git
進入 chatbot-ui 文件夾#
cd chatbot-ui
執行以下命令構建 Docker 鏡像：#
docker build -t chatbot-ui .
- 構建成功會出現如下提示：* 如果失敗就問 ChatGPT😂
=> [production 8/8] COPY --from=build /app/next-i18next.config.js ./next 0.0s
=> exporting to image 10.3s
=> => exporting layers 10.3s
=> => writing image sha256.0s
=> => naming to docker.io/library/chatbot-ui
運行 Docker#
- 將 xxxxxxxx 替換為你的 OpenAI API
docker run -e OPENAI_API_KEY=xxxxxxxx -p 3000:3000 chatbot-ui
- 要將 docker 容器從前臺模式更改為後臺模式，請使用以下命令：
docker run -d -e OPENAI_API_KEY=xxxxxxxx -p 3000:3000 chatbot-ui
- 在此命令中，我們添加了一個 -d 標誌，它表示分離模式。這將使 Docker 容器在後臺運行，而不是前臺運行。
- 另外，如果您需要給容器命名，可以使用 --name 標誌指定一個名稱，例如：
docker run -d --name my-container -e OPENAI_API_KEY=xxxxxxxx -p 3000:3000 chatbot-ui
- 這將為容器命名為 my-container。
打開瀏覽器 (搞定)🎉#
http://127.0.0.1:3000/
注：我用的是軟路由白名單上網，國內環境使用，還請自行研究chatgptProxyAPI