端口访问

当 Claude Code 或 Codex 在服务器上开发 Web 应用时,你常常需要亲眼看到效果 — 跑在 :3000 的 dev server、:8080 的 API、Storybook、文档预览等。端口访问会列出服务器上所有正在监听的端口,并通过现有 SSH 连接建立隧道,在内置浏览器中以 HTTP 打开任意端口。

无需额外配置

流量通过 SSH 转发,端口无需暴露到公网 — 即使服务只绑定在服务器的 localhost 上也能访问。不需要改防火墙,也不需要反向代理。

在哪里找到

  • 服务器详情页 — 在工具部分点击端口(在终端和 VNC 旁边)。
  • 终端会话页 — 打开右上角菜单(⋯)并点击端口。它会复用会话的连接,列表即刻打开,代理的工作不受影响。

打开端口

1

端口访问面板列出主机上当前所有正在监听的 TCP 端口,并在可用时显示所属进程名和绑定地址。

2

点击一个端口。ServerCC 会在一条专用连接上建立 SSH 本地转发,并在内置浏览器中打开页面。

内置浏览器

  • 后退 / 前进 — 通过按钮和边缘滑动手势完整导航
  • 桌面版网站 — 在页面视图中切换移动版网站桌面版网站,测试两种布局
  • 屏幕方向 — 临时解锁横屏以查看宽布局,即使 App 本身仅支持竖屏
  • 刷新 — 在代理修改代码后重新加载最新效果

注意事项

  • 仅支持 HTTP — 隧道始终以 http:// 加载。适用于普通 HTTP dev server;不支持仅 HTTPS 的服务。
  • 同一时间只保持一条隧道 — 打开新端口会关闭上一条。
  • 端口转发运行在独立的 SSH 连接上,与终端隔离 — 页面加载再重也不会卡住你的 Claude Code/Codex 会话。
  • 如果没有进程在监听,会显示无可访问端口 — 先启动你的 dev server,然后下拉刷新。

另见:VNC 远程桌面可查看完整桌面而非单个网页,终端了解与预览搭配使用的会话。