background-agents的Web终端与code-server使用指南沙箱里自带VS Code【免费下载链接】background-agentsAn open-source background agents coding system项目地址: https://gitcode.com/GitHub_Trending/ba/background-agentsbackground-agentsOpen-Inspect是一个开源的后台编程 Agent 系统你给它一个任务它就在云端沙箱里自动写代码、跑测试、提交 PR。最实用的隐藏能力之一是每个沙箱都自带 Web 终端和 code-server浏览器版 VS Code——不用装任何本地环境浏览器打开就能进沙箱手动看代码、跑命令、改文件。本文带你快速上手这两个功能。 为什么需要 Web 终端和沙箱里的 VS Code后台 Agent 在沙箱里独立干活时你偶尔会想「亲眼看看它改了什么」或「手动补一条命令」。传统做法是 SSH 进容器而 background-agents 把入口直接做进了 Web 界面Web 终端ttyd基于浏览器的 shell直接操作沙箱文件系统随时中断或辅助 Agentcode-server浏览器里跑完整 VS Code 体验和 Agent 共享同一个工作区你改的每行代码 Agent 立即可见零本地依赖不需要装 Docker、Node 环境或 IDE有浏览器就行这种「人 Agent 共享一个沙箱」的设计来自其灵感来源详见 docs/ramp-inspect-agent.md。⚡ 快速上手打开 Web 终端的 3 步第 1 步创建一个会话在 Web UI 新建一个会话选中仓库和任务描述等待沙箱启动完成状态从 starting 变为 active。第 2 步在会话右侧边栏找到 Terminal 入口沙箱就绪后右侧边栏会出现Terminal区域源码见 session-right-sidebar.tsx点击Show即可在页面内嵌弹出终端面板它通过带 token 的认证 URL 以 iframe 方式加载 ttyd 终端实现见 terminal-panel.tsx终端面板右上角还有「在新标签页打开」的链接图标想要全屏操作时直接点它第 3 步在终端里跑命令登录进去就是一个完整 shell。你可以执行ls、git status、跑测试……Agent 和你的改动都在这同一个文件系统里。 如果显示「Terminal session expired or failed to load」刷新页面重连即可——终端会话是随沙箱生命周期存的沙箱还在就能重连。️ 打开内置 VS Codecode-server同一侧边栏中还有Code Server区域源码见 code-server-section.tsx交互非常简单按钮/状态作用Open Editor新标签页打开浏览器版 VS Code指向该沙箱的 code-server 隧道地址 钥匙图标一键复制 code-server 访问密码粘贴到登录框即可Editor starting…沙箱仍在启动中稍等片刻Editor unavailable沙箱未运行终端/编辑器不可用打开后的体验和本地 VS Code 几乎一致文件树、语法高亮、Git 面板、内置终端一应俱全工作区就是 Agent 正在操作的仓库目录。️ 在设置中启用 code-server全局/按仓库code-server 不是默认对所有仓库开放的需要在设置里启用进入Settings → Integrations → Code Server设置面板见 code-server-integration-settings.tsx点击Enable code-server打开全局开关选择范围All repositories所有可访问仓库的会话都能用编辑器Selected repositories只对白名单中的仓库启用还可以为个别仓库添加 override单独覆盖默认配置开启后每个新会话的沙箱启动时都会自动拉起一个 code-server 实例并通过隧道 URL 暴露给你的浏览器。沙箱镜像里的相关工具链安装脚本见 packages/sandbox-images/install/tools.shE2B 等 Provider 的启动流程说明见 docs/E2B_SANDBOX_PROVIDER.md。 它是如何保证安全的凭据不落浏览器前端只向控制面请求当前会话的访问信息code-server 地址 密码、ttyd 地址 token逻辑封装在 use-sandbox-access.ts服务端校验控制面用哈希 恒定时间比较来校验沙箱 token见 sandbox-access.tscode-server 密码等敏感凭据在数据库中是加密存储的沙箱生命周期绑定终端和编辑器都挂在沙箱隧道上沙箱销毁后入口自动失效✅ 常见问题速查终端打不开确认沙箱状态为 active沙箱销毁或会话过期后终端会失效重新刷新会话即可code-server 提示密码错误点侧边栏的钥匙图标重新复制最新密码不要手动输入只想让 Agent 干活、不用编辑器保持 Code Server 关闭即可不影响后台任务执行和 Slack / GitHub 入口创建的会话能用终端吗可以只要从 Web UI 打开该会话沙箱就绪后 Terminal 与 Code Server 入口就会出现小结background-agents 的 Web 终端与 code-server 让「监督 Agent 干活」这件事变得极其轻量一个浏览器标签页就能进入沙箱敲命令、打开 VS Code 改代码。配合它开箱即用的后台任务、定时自动化和 PR 自动提交能力单人就能搭起一套 7×24 小时在线的 AI 编码工作流。想自己跑一套的话按仓库根目录 docs/GETTING_STARTED.md 的指引部署即可。【免费下载链接】background-agentsAn open-source background agents coding system项目地址: https://gitcode.com/GitHub_Trending/ba/background-agents创作声明：本文部分内容由AI辅助生成（AIGC），仅供参考 background-agents的Web终端与code-server使用指南：沙箱里自带VS Code
background-agents的Web终端与code-server使用指南沙箱里自带VS Code【免费下载链接】background-agentsAn open-source background agents coding system项目地址: https://gitcode.com/GitHub_Trending/ba/background-agentsbackground-agentsOpen-Inspect是一个开源的后台编程 Agent 系统你给它一个任务它就在云端沙箱里自动写代码、跑测试、提交 PR。最实用的隐藏能力之一是每个沙箱都自带 Web 终端和 code-server浏览器版 VS Code——不用装任何本地环境浏览器打开就能进沙箱手动看代码、跑命令、改文件。本文带你快速上手这两个功能。 为什么需要 Web 终端和沙箱里的 VS Code后台 Agent 在沙箱里独立干活时你偶尔会想「亲眼看看它改了什么」或「手动补一条命令」。传统做法是 SSH 进容器而 background-agents 把入口直接做进了 Web 界面Web 终端ttyd基于浏览器的 shell直接操作沙箱文件系统随时中断或辅助 Agentcode-server浏览器里跑完整 VS Code 体验和 Agent 共享同一个工作区你改的每行代码 Agent 立即可见零本地依赖不需要装 Docker、Node 环境或 IDE有浏览器就行这种「人 Agent 共享一个沙箱」的设计来自其灵感来源详见 docs/ramp-inspect-agent.md。⚡ 快速上手打开 Web 终端的 3 步第 1 步创建一个会话在 Web UI 新建一个会话选中仓库和任务描述等待沙箱启动完成状态从 starting 变为 active。第 2 步在会话右侧边栏找到 Terminal 入口沙箱就绪后右侧边栏会出现Terminal区域源码见 session-right-sidebar.tsx点击Show即可在页面内嵌弹出终端面板它通过带 token 的认证 URL 以 iframe 方式加载 ttyd 终端实现见 terminal-panel.tsx终端面板右上角还有「在新标签页打开」的链接图标想要全屏操作时直接点它第 3 步在终端里跑命令登录进去就是一个完整 shell。你可以执行ls、git status、跑测试……Agent 和你的改动都在这同一个文件系统里。 如果显示「Terminal session expired or failed to load」刷新页面重连即可——终端会话是随沙箱生命周期存的沙箱还在就能重连。️ 打开内置 VS Codecode-server同一侧边栏中还有Code Server区域源码见 code-server-section.tsx交互非常简单按钮/状态作用Open Editor新标签页打开浏览器版 VS Code指向该沙箱的 code-server 隧道地址 钥匙图标一键复制 code-server 访问密码粘贴到登录框即可Editor starting…沙箱仍在启动中稍等片刻Editor unavailable沙箱未运行终端/编辑器不可用打开后的体验和本地 VS Code 几乎一致文件树、语法高亮、Git 面板、内置终端一应俱全工作区就是 Agent 正在操作的仓库目录。️ 在设置中启用 code-server全局/按仓库code-server 不是默认对所有仓库开放的需要在设置里启用进入Settings → Integrations → Code Server设置面板见 code-server-integration-settings.tsx点击Enable code-server打开全局开关选择范围All repositories所有可访问仓库的会话都能用编辑器Selected repositories只对白名单中的仓库启用还可以为个别仓库添加 override单独覆盖默认配置开启后每个新会话的沙箱启动时都会自动拉起一个 code-server 实例并通过隧道 URL 暴露给你的浏览器。沙箱镜像里的相关工具链安装脚本见 packages/sandbox-images/install/tools.shE2B 等 Provider 的启动流程说明见 docs/E2B_SANDBOX_PROVIDER.md。 它是如何保证安全的凭据不落浏览器前端只向控制面请求当前会话的访问信息code-server 地址 密码、ttyd 地址 token逻辑封装在 use-sandbox-access.ts服务端校验控制面用哈希 恒定时间比较来校验沙箱 token见 sandbox-access.tscode-server 密码等敏感凭据在数据库中是加密存储的沙箱生命周期绑定终端和编辑器都挂在沙箱隧道上沙箱销毁后入口自动失效✅ 常见问题速查终端打不开确认沙箱状态为 active沙箱销毁或会话过期后终端会失效重新刷新会话即可code-server 提示密码错误点侧边栏的钥匙图标重新复制最新密码不要手动输入只想让 Agent 干活、不用编辑器保持 Code Server 关闭即可不影响后台任务执行和 Slack / GitHub 入口创建的会话能用终端吗可以只要从 Web UI 打开该会话沙箱就绪后 Terminal 与 Code Server 入口就会出现小结background-agents 的 Web 终端与 code-server 让「监督 Agent 干活」这件事变得极其轻量一个浏览器标签页就能进入沙箱敲命令、打开 VS Code 改代码。配合它开箱即用的后台任务、定时自动化和 PR 自动提交能力单人就能搭起一套 7×24 小时在线的 AI 编码工作流。想自己跑一套的话按仓库根目录 docs/GETTING_STARTED.md 的指引部署即可。【免费下载链接】background-agentsAn open-source background agents coding system项目地址: https://gitcode.com/GitHub_Trending/ba/background-agents创作声明：本文部分内容由AI辅助生成（AIGC），仅供参考