實時預覽

Localhost隧道
一鍵公共HTTPS

你需要與同事、客戶分享本地開發伺服器,或在手機上測試。無需部署。無需配置ngrok。選擇子域名,按下開始,你的localhost就透過公共HTTPS URL上線了。

分享localhost所需的一切

整合在開發工作流程中的完整localhost隧道解決方案。無需外部工具,無需付費計劃,無需安裝CLI。

自定義子域名

選擇你自己的子域名如my-app.preview.agentsroom.dev。你的公共URL易記且專業。自信地與客戶分享。

預設HTTPS

每個隧道URL都透過內建安全隧道的HTTPS提供。無自簽名證書,無瀏覽器警告。你的實時預覽看起來和執行起來都像生產站點。

WebSocket直通

Vite HMR、Next.js熱過載、Expo Metro打包器、伺服器傳送事件:全部透過隧道工作。編碼時實時預覽實時更新。

自動檢測開發伺服器

AgentsRoom掃描你的開放埠並自動檢測執行中的開發伺服器。3000埠的Next.js、5173的Vite、8081的Expo:從列表選擇或輸入自定義埠。

一鍵啟動和停止

無需CLI命令。無需配置檔案。按開始開啟隧道,按停止關閉。公共URL在幾秒內上線。

手機預覽

在手機上開啟隧道URL測試響應式設計。或使用AgentsRoom行動應用遠端啟動隧道並在內建WebView中預覽網站。

自動重連

如果連線斷開,AgentsRoom自動重試最多5次。每25秒的心跳保持隧道在內建安全隧道中活躍。

品牌離線頁面

當隧道不活躍時,訪問者看到帶有你的子域名和自動重新整理的樣式化離線頁面,隧道重啟後自動重連。

AgentsRoom localhost隧道儀表板顯示活躍隧道、公共HTTPS URL、自定義子域名和連線狀態

你的本地開發伺服器,透過公共HTTPS連結從任何地方訪問。

工作原理

01

選擇開發伺服器

AgentsRoom掃描你的開放埠並列出所有執行中的本地伺服器。選擇要暴露的伺服器:Next.js、Vite、Expo、Django、Rails或任何自定義埠。

02

選擇子域名

輸入你喜歡的子域名。AgentsRoom實時驗證並顯示完整的公共URL。子域名為你的帳戶保留:其他人無法使用。

https://my-app.preview.agentsroom.dev
03

啟動隧道

按開始。AgentsRoom開啟到隧道伺服器的WebSocket連線,將所有傳入HTTP請求代理到你的本地開發伺服器。公共URL在2秒內上線。

04

分享連結

複製HTTPS URL併傳送給任何人。他們看到的你的本地站點就像已部署的一樣。熱模組過載、WebSocket連線和伺服器傳送事件全部透過隧道工作。

05

完成後停止

按停止。隧道立即關閉。訪問者看到樣式化離線頁面直到你重新啟動。子域名為下次保留。

對比

為什麼不用ngrok?

AgentsRoom隧道是為已經使用AgentsRoom的開發者建置的。零配置,零成本,零上下文切換。

免費,無付費計劃

ngrok對自定義子域名和持久URL收費$20+/月。AgentsRoom隧道免費包含在應用中。

無頻寬限制

ngrok在免費甚至付費計劃上限制頻寬。AgentsRoom隧道沒有頻寬上限:流式傳輸資源、測試檔案上傳、預覽媒體豐富的頁面,完全無限制。

無需安裝CLI

ngrok需要安裝二進位制檔案並執行終端命令。AgentsRoom隧道是專案儀表板中的一個按鈕。

整合到工作流程

在管理代理、終端和程式碼審查的同一應用中啟動隧道。無需在工具間切換。

包含移動伴侶

從手機啟動隧道並隨時預覽網站。ngrok沒有行動應用。

FAQ

localhost隧道真的免費嗎?

是的。免費計劃包含1個同時隧道,帶有自定義子域名、HTTPS、WebSocket直通和無頻寬限制。需要同時使用多個隧道?升級到Pro獲得無限同時隧道。與ngrok不同,任何計劃都沒有頻寬上限。

熱模組過載(HMR)能透過隧道工作嗎?

是的。隧道支援完整的WebSocket直通,這意味著Vite HMR、Next.js快速重新整理、Expo Metro打包器熱過載和任何其他基於WebSocket的協議都能透過隧道無縫工作。

隧道有多快?有延遲嗎?

隧道透過中繼伺服器增加一次往返。對於開發預覽目的,延遲可以忽略不計。它不是為生產流量或效能基準測試設計的,但對於分享進行中的工作來說完美執行。

多人可以同時檢視我的隧道URL嗎?

可以。隧道處理多個併發訪問者。每個傳入請求獨立代理到你的本地開發伺服器。為防止濫用,每個隧道有50個待處理請求的限制。

如果連線斷開會怎樣?

AgentsRoom自動重連最多5次,每次間隔3秒。每25秒的心跳訊號透過內建安全隧道保持WebSocket活躍。訪問者看到帶有自動重新整理的樣式化離線頁面直到隧道重連。

幾秒鐘內分享你的localhost

下載AgentsRoom,透過公共HTTPS URL暴露你的本地開發伺服器。無需ngrok,無需部署,無需配置。

免費下載 AgentsRoom

配套應用:隨時隨地監控你的 Agent

使用 Claude、Codex、Antigravity CLI 或其他 AI 提供商。

獲取擴充套件
Chrome Web Store

把 Bug 和需求直接傳送到您的公開待辦清單。

AgentsRoom 實際執行一瞥。

多專案管理
多供應商
多代理執行
實時狀態
檔案差異與提交
行動應用
實時預覽
代理團隊
瀏覽器自動化
Backlog 驅動開發
提示詞庫
技能庫
檢視所有功能