一句話總結 TL;DR
透過 AWS＋WebUI＋LINE＋MCP 的三階段搭建，就能用手機躺著遠端指揮 Claude Code 修 bug、部署到 Vercel、推 GitHub。作者提醒這套只適合個人試驗，多人正式使用應改走 API 以免封號。
手機遠端開發：三階段架構
- 躺床上用手機開發：修 bug、跑測試、寫文件都能做 00:00
- MCP 串接可自動部署：叫它部署 Vercel 直接回傳網址 00:00
- 分成三個階段：AWS 設定、LINE＋WebUI、MCP 串接 00:00
- 範例是 24 點卡牌：抽四張 1-13，加減乘除算出 24 00:33
階段一：AWS 伺服器設定
- 四個重點：固定 IP、開 443、設網域、跑 agent 00:33
- 建 Lightsail 機器：選 Ubuntu、12 美元方案 01:05
- 建固定 IP 並記下：Networking 新增 443 規則 01:05
- 網域 DNS 指向該 IP：填入子網域後儲存 01:05
- 連線跑安裝腳本：node -v 有版本代表成功 01:05
- 設 nginx 與憑證：改 domain、port 預設 3000 01:39
- 下載專案並啟動：改 .env 密碼後用 PM2 啟動 01:39
階段二：WebUI 操作
- 輸入密碼登入：登入後可新增一個專案 02:12
- ping 測試串接：確認是否接上 Claude Code 02:12
- 開新 tab 等於新 session：可同時做別的事 02:12
- 需授權操作會跳視窗：用起來像 Terminal 02:12
- 可上傳圖片給 AI 判讀：確保它真的看懂再給計畫 02:12
- 語音串 Speechmatics：每月 480 分鐘免費 02:45
階段二：LINE 串接
- 四步驟：建 provider、建 API、拿 Key、設 Webhook 02:45
- 建 Provider 與 Channel：在 LINE Console 操作 02:45
- 複製三把金鑰：Channel Secret、User ID、Token 03:18
- 三金鑰貼進 .env：貼完後重新啟動 03:18
- Webhook 結尾加 /line/webhook：Verify 成功即完成 03:48
- 勾 Use Webhook 掃 QR 加 bot：傳 project 有回應即成功 03:48
兩個痛點與 MCP 上線
- 痛點一：沒推 GitHub：無法確認更多工程細節 04:19
- 痛點二：拿不到真網址：無法讓朋友用手機直接玩 04:19
- 裝 Vercel MCP 需授權：連進來會回傳授權網址 04:19
- callback 回本機 localhost：轉導 port 每次都不一樣 04:19
- 雲端機要另開 Terminal：把 callback 轉出去對外可用 04:52
- 再跑一次 Vercel login：登錄後 Claude Code 才能用 04:52
- 裝 GitHub MCP：Bearer 帶 token 再登錄 04:52
實測成果與風險提醒
- 用 LINE 一句話推部署：請它推 GitHub 和 Vercel 結果不錯 05:24
- 後端連線對戰可用：一個房間最多六名玩家 05:24
- 中途進來先觀戰：該回合結束才加入對戰 05:24
- 只建議個人試驗：違反規範可能被直接封號 05:24
- 多人使用走 API：比較安全穩妥的方案 05:58
- 要接其他入口照 README：Discord、Slack、Email 皆可 05:58
金句與關鍵數據 Quotes & Numbers
- Lightsail 選 12 美元方案作為雲端伺服器 01:05
- Speechmatics 語音服務每月有 480 分鐘免費額度 02:45
- 一個房間最多六名玩家，中途進來的先以觀戰加入 05:24
總結與行動建議 Takeaways
- 想手機遠端開發：先照 README 設好 AWS
- AWS 四件事缺一不可：固定 IP、開 443、設網域、跑 agent
- Vercel MCP 授權要留意：處理雲端 callback 轉出
- 完全體要靠 MCP：才能自動推 GitHub 與部署
- 只拿來個人試驗：避免帳號被封鎖
- 多人正式使用改走 API：更安全穩妥