在瀏覽器運行 OpenCode：開啟 Web 介面遠端控管
最近有試過 Claude Code 嗎？那種與 AI 協作寫程式的感覺真的很棒。但今天我要介紹一款開源的替代方案——OpenCode。
它通常是在終端機（Terminal）裡運行的，但其實可以自己架設一個 Web UI，在瀏覽器裡舒服地使用它，而且背後一樣可以串接強大的 Claude 模型（或其他你喜歡的模型）！這樣一來，不管是在本機還是透過區網跨裝置操作，都變得超級方便。
在瀏覽器內跑 OpenCode 作 Vibe 開發、叫 AI 工作是什麼情境呢？想像一下，你在上廁所的時候，手上拿著手機或 iPad ，你就可以透過 Safari or Chrome 下命令叫遠端的機器開始寫東西了...
第一步：安裝 OpenCode
安裝非常簡單，根據你的作業系統或習慣，選一種方式即可：
方法 A：使用腳本自動安裝 (推薦 Linux/macOS/WSL 用戶)
打開你的終端機，執行以下指令：
curl -fsSL https://opencode.ai/install | bash
方法 B：使用 Node.js (npm)
如果你已經有 Node.js 環境：
npm install -g opencode-ai
方法 C：使用 Homebrew (macOS / Linux)
brew install opencode
第二步：連結你的 Claude 或其他模型的帳號
安裝好後，我們需要告訴 OpenCode 要用哪個 AI 大腦。這一步驟只需要做一次。
在終端機輸入：
opencode auth login
這時會跳出一個互動式選單：
- 選擇 Provider（服務提供者）：選擇 Anthropic / Claude（或是其他你想用的）。
- 貼上你的 API Key。
這樣就綁定完成了！但其實也可以直接進到 Web 介面去執行。
第三步：啟動自架 Web UI
請先切換到專案資料夾：
cd /path/to/your/project
然後執行以下指令來啟動 Web UI：
opencode web --hostname 0.0.0.0 --port 4096
opencode web：啟動視覺化的網頁介面模式。--hostname 0.0.0.0：監聽所有介面。這表示除了這台電腦，你同個區域網路（LAN）下的其他裝置也能連進來（當然要防火牆允許）。--port 4096：指定 Port 號，你可以隨意改成自己喜歡的數字。
第四步：開始使用
看見終端機顯示啟動成功後，打開你的瀏覽器，輸入：
- 本機使用：
http://localhost:4096 - 區網其他裝置：
http://<你電腦的IP>:4096
恭喜你！你現在擁有一個跑在瀏覽器裡的 AI Coding Agent 了。
進階技巧
1. 純 API 模式 (Headless)
如果你不需要畫面，只想把它當作後端 API 來呼叫，可以使用 serve 指令：
opencode serve --hostname 0.0.0.0 --port 4099
2. 懶人一鍵安裝啟動
如果你換了一台新電腦，已經設定過 Claude API，想要一行指令直接安裝並啟動 Web UI，可以複製這串：
curl -fsSL https://opencode.ai/install | bash && opencode web --hostname 0.0.0.0 --port 4096
結論
OpenCode 提供了一個非常有彈性的方式讓我們運用 AI 來寫程式，Web UI 更是降低了操作門檻。快去試試看！
桌面版前端程式開放下載
現在 OpenCode 也推出各作業系統的桌面版前端程式，對 CLI 有恐懼症的人可以更輕鬆的安裝使用，這個桌面前端程式可以遠端連線不同主機上的 OpenCode Server，在多台電腦上安裝 OpenCode 後可以集中在一處下達命令與監控更將方便！