实时预览

Localhost隧道
一键公共HTTPS

你需要与同事、客户分享本地开发服务器,或在手机上测试。无需部署。无需配置ngrok。选择子域名,按下开始,你的localhost就通过公共HTTPS URL上线了。

分享localhost所需的一切

集成在开发工作流中的完整localhost隧道解决方案。无需外部工具,无需付费计划,无需安装CLI。

自定义子域名

选择你自己的子域名如my-app.preview.agentsroom.dev。你的公共URL易记且专业。自信地与客户分享。

默认HTTPS

每个隧道URL都通过Cloudflare的HTTPS提供。无自签名证书,无浏览器警告。你的实时预览看起来和运行起来都像生产站点。

WebSocket直通

Vite HMR、Next.js热重载、Expo Metro打包器、服务器发送事件 — 全部通过隧道工作。编码时实时预览实时更新。

自动检测开发服务器

AgentsRoom扫描你的开放端口并自动检测运行中的开发服务器。3000端口的Next.js、5173的Vite、8081的Expo — 从列表选择或输入自定义端口。

一键启动和停止

无需CLI命令。无需配置文件。按开始打开隧道,按停止关闭。公共URL在几秒内上线。

手机预览

在手机上打开隧道URL测试响应式设计。或使用AgentsRoom移动应用远程启动隧道并在内置WebView中预览网站。

自动重连

如果连接断开,AgentsRoom自动重试最多5次。每25秒的心跳保持隧道在Cloudflare超时中活跃。

品牌离线页面

当隧道不活跃时,访问者看到带有你的子域名和自动刷新的样式化离线页面,隧道重启后自动重连。

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秒的心跳信号通过Cloudflare代理超时保持WebSocket活跃。访问者看到带有自动刷新的样式化离线页面直到隧道重连。

几秒钟内分享你的localhost

下载AgentsRoom,通过公共HTTPS URL暴露你的本地开发服务器。无需ngrok,无需部署,无需配置。

免费下载 AgentsRoom

配套应用:随时随地监控你的 Agent

兼容所有 Claude 方案(Free、Pro、Max、Team、Enterprise)