随时随地 Vibe Coding 及验证
摘要:本文介绍了利用 Claude Code 的 Agent View 功能,结合 SSH 隧道与 Termius 软件实现远程操控智能体进行 Vibe Coding 的方案。作者选择 SakuraFrp 作为内网穿透工具,通过 SSH 隧道将远程端口映射到本地,从而在手机等移动设备上通过浏览器实时查看和验证智能体执行的工作流。
前言
在使用 Claude Code 等智能体进行 Vibe Coding 时,有过这么一个经历:随时守在电脑前,不断跟 AI 沟通或者按回车键。一步都离不开电脑。
刚好,最近 Claude Code 更新了 Agent View 功能,使用claude agents命令即可开启,同时启动多个智能体,并保持在后台执行。
如果我离开了座位甚至离开家或公司,仍可以通过远程接入使用 Agent View 功能,继续接入之前执行在执行的工作流,指导智能体干活或手动预览验证。
思路介绍
有两种方向,远程桌面或ssh链接:
- 远程桌面,这一类就是屏幕的延伸,但是由于是基于图像传输,对带宽的要求会十分大,且传输后的画质会降低。可以免费用的比如向日葵远程控制、UU远程,需要注意免费版本通常有带宽限制,在一些情况下会很卡。
- 通过 SSH 链接,可以使用免费的FRP服务打通隧道,由于不是传输图像,优点是对带宽的要求很小,渲染都在移动设备上。在手机等安装 Termius 软件,搭建远程链接、端口转发,可以直接用手机浏览器查看网页效果(移动版/电脑版)。
本篇文章介绍的就是第二个思路。
SSH 隧道搭建
使用 SakuraFrp1 进行转发,因为不是 http/https 服务,所以不需要备案,在国内也能获取到顶尖的速度和极低的延迟。
使用 SakuraFrp 有几个理由:
- 是每天签到都能获取到1~4GB流量,完全够用了。
- 提供的隧道能设置访问密码,在连接前可以通过密码验证,防止其他人攻击进入你的机器。
隧道连接
使用 Termius2 进行终端管理和隧道链接,该软件的终端适配十分现代化且完善。同时具有端口转发的功能,可以将把远程的端口通过已有的 SSH 隧道映射到本地,在远程修改完,直接在手机浏览器上看效果。
建立连接并远程下发指令:
本地端口映射远程,直接访问效果:
延伸拓展
这套方案还有一个可完善的点,就是接入 Claude Code 的 Notification Hook,在智能体向我们发出提问时,执行额外的操作。此时,可以对接飞书等工具的 webhook,实现实时提醒。这部分后续再完善。