回到頂部
Mason AI Lab tech article hero for Vercel Sandbox 開放 Port 8080:Agent 生成應用如何做即時預覽

Vercel Sandbox 開放 Port 8080:Agent 生成應用如何做即時預覽

Vercel 2026-05-29 讓 Sandbox 可開放並綁定 8080 ingress domain。整理 agent preview、測試 server 與安全邊界設計。

Vercel 在 2026 年 5 月 29 日宣布 Vercel Sandboxes 可開放並綁定 port 8080 作為 ingress domain。這是一個很窄的更新,但對 coding agent 和 app generator 很實用。

因為 agent 生成應用後,不能只看檔案 diff。你通常還需要啟動 server、打開頁面、檢查畫面、跑互動測試,再根據結果修正。

這次更新是什麼?

官方 changelog 提到,Sandbox 現在可以建立時指定 port 8080,然後在 sandbox 裡啟動 HTTP server,最後用 sandbox.domain(8080) 取得可預覽的 URL。

這代表 agent 可以在 sandbox 中:

  • 生成或修改 web app。
  • 啟動 local server。
  • 對外提供 ingress domain。
  • 讓使用者或測試工具檢視結果。
  • 搭配 browser automation 做 UI 驗證。

這補上了 agent code execution 到 preview 的連接。

為什麼 port preview 對 agent 重要?

很多 AI coding agent 的失敗不是程式完全不能跑,而是 UI 或互動有問題:

  • 按鈕文字超出容器。
  • mobile layout 破版。
  • 表單無法送出。
  • loading state 卡住。
  • route 指到錯頁。
  • canvas 或圖表空白。
  • API response 顯示錯誤。

這些問題光看程式碼很難判斷。Agent 需要能啟動預覽環境,並對畫面做檢查。

和 Docker inside Sandbox 的搭配

Port 8080 和 Docker support 可以搭配:

  • Docker 啟動資料庫或應用容器。
  • Sandbox 開放 8080 作為 preview port。
  • Agent 跑測試和 browser check。
  • 如果畫面或測試失敗,再回到 code 修改。

這會讓 sandbox 更像小型開發環境,而不只是命令執行器。

安全邊界要怎麼設計?

開放 ingress domain 代表外部可連到 sandbox 服務,因此要設計邊界。

建議:

  • 只使用測試資料。
  • 不放 production secrets。
  • 預覽 URL 設定有效期限。
  • 任務完成後關閉 server。
  • 不將內部 API 暴露到 preview app。
  • 對外部 webhook 或任意上傳功能保持限制。
  • 將 preview log 和 agent 操作紀錄保存。

Sandbox 的預覽能力很方便,但不能把它當成無限制公開環境。

適合哪些使用場景?

Port 8080 preview 適合:

  • AI app builder。
  • landing page generator。
  • component repair agent。
  • UI regression check。
  • API mock server。
  • 文件範例 app 預覽。
  • agent 生成 dashboard 後的 visual QA。

如果你的 agent 只處理後端純邏輯,這個功能未必必要。但只要輸出包含網頁或可視介面,它就很有價值。

官方來源

結論

Port 8080 開放讓 Vercel Sandbox 更像 agent 的完整工作台。

Agent 可以寫 code,也可以啟動服務、產生 preview URL,再用測試或瀏覽器檢查結果。對真正要把 AI coding agent 放進產品流程的團隊來說,這種「能看見結果」的能力會比單純生成檔案更重要。

№ · further reading

延伸閱讀