余所介紹之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