好多開發者同 AI 愛好者都想有個簡單嘅 ChatGPT 介面嚟測試提示詞或者自訂對話，但 OpenAI 官方網站有時限速、登入麻煩，甚至唔夠彈性自訂。呢個痛點下，Chanzhaoyu 開發咗個開源項目 chatgpt-web，讓你用 Express 後端同 Vue3 前端快速搭建自己嘅 ChatGPT 演示網頁。無論係個人測試定分享畀朋友，都可以喺本地或伺服器上運行，填入 API key 就即開即用，面向想自建 AI 工具嘅開發者同技術用戶。
Node.js 同 PNPM 一鍵安裝後端環境
項目嘅後端架構建基於 Express，安裝過程極之簡潔。先用 Node.js 環境，然後透過 PNPM 管理依賴，一條指令搞掂。呢個設計讓開發者唔使從零配置伺服器，直接 clone repository 之後 npm install 或者 pnpm install，就準備好啟動。相比其他 ChatGPT 包裝工具，呢度強調輕量部署，唔會拉一大堆無關依賴，適合 VPS 或本地開發機。
填入 OpenAI API Key 即啟動後端服務
搭建完成後，最關鍵一步係填入 OpenAI API key。項目提供簡單嘅 config 介面或者環境變數設定，讓你輕鬆連接到官方 ChatGPT API。後端服務啟動之後，就會監聽指定端口，處理所有對話請求。呢個步驟確保咗安全性，key 只存本地，唔會外洩。對於有 API 額度嘅用戶，呢度嘅做法比直接用瀏覽器 console 安全得多，同時支援自訂 prompt 模板。
前端用 Vue3 建構，介面簡潔直觀，聊天視窗即開即用。打開瀏覽器指向 localhost，就見到熟悉嘅 ChatGPT 風格對話框，支持訊息歷史記錄同即時回應。Vue3 嘅響應式設計讓介面流暢，無論桌面定平板都適配良好。相比純前端方案，呢個全棧架構避免咗 CORS 問題，穩定性更高。
瀏覽器直達前端聊天室，支援歷史記錄瀏覽
前端部署同樣簡單，用 Vue3 CLI 或者直接 build 靜態文件，之後透過 Express 提供服務。用戶可以直接喺瀏覽器輸入問題，同 ChatGPT 對話，支援多輪互動同上下文記憶。項目仲內建 navigation menu 同 saved searches 功能，讓你快速篩選歷史對話或者文件夾管理 prompt。對於經常測試 AI 模型嘅開發者，呢個介面比官方網站更易自訂，例如調整訊息樣式或者加插件。
另外，repository 提供完整嘅文件導航同 commit history，用家可以輕鬆追蹤更新。最新版本優化咗性能，減少咗 API 呼叫延遲。整體嚟講，chatgpt-web 唔單止係個演示工具，更係個可擴展嘅框架，讓你根據需要加功能，例如整合其他 LLM API。
開源貢獻友好，支援多平台快速部署
作為 GitHub 開源項目，chatgpt-web 鼓勵 community 貢獻，有 folders 同 files 結構清晰，易於 fork 同修改。無論係加新功能定修 bug，都可以透過 pull request 參與。呢個社區導向設計，讓工具保持活躍更新。對於香港同亞洲開發者，支援 PNPM 同 Node.js 意味住喺常見 Linux VPS 上幾分鐘就上線，唔使複雜 DevOps。
總括嚟講，呢個項目解決咗自建 ChatGPT 介面嘅門檻問題，用最少代碼實現最大可用性。如果你有 OpenAI API key，絕對值得試下部署，體驗下本地化 AI 對話嘅方便。
產品名稱：chatgpt-web
官方網站：https://github.com/Chanzhaoyu/chatgpt-web
