一小时基于E2B实现一个完整的云端Agent，做一个云端沙盒助手（云端agent系列 一）

一. e2b沙盒连接和使用#

1. 配置使用E2B沙盒 首先登录到e2b官网https://e2b.dev/ 使用谷歌/github账号登录后，会看到一个沙盒列表，每个沙盒都有一个唯一的id。

点击团队下的账户设置可以看到我们的访问令牌

2. 编写云端后端代码连接沙盒 首先我们需要看下E2B文档https://e2b.dev/docs/quickstart 然后根据文档的介绍，我们可以看到，连接沙盒的代码非常简单，只需要几行代码即可。

使用TypeScript实现

1
// 安装依赖
2
npm i @e2b/code-interpreter dotenv

沙盒启动

1
// 启动沙盒
2
import 'dotenv/config'
3
import { Sandbox } from '@e2b/code-interpreter'
4

5
const sbx = await Sandbox.create() /
6
const execution = await sbx.runCode('print("hello world")')
7
console.log(execution.logs)
8

9
const files = await sbx.files.list('/')
10
console.log(files)

执行代码

1
// 执行代码
2
// npx tsx ./index.ts
3
bun run ./index.ts

二. 云端大模型\后端\前端 详细设计#

1 功能模块#

1. 主控制台 (Console)：包含左右分栏布局。左侧为VNC桌面流媒体显示区域，右侧为Agent对话控制台。
2. Agent交互模块：用户输入指令，后台大模型结合屏幕截图进行推理，并调用E2B Desktop SDK执行相应的鼠标/键盘操作。

2. 核心流程#

用户在聊天框输入指令 -> 后端创建/获取E2B Desktop沙盒 -> 获取沙盒屏幕截图并发送给大模型 (如Claude/OpenAI) -> 大模型返回具体的UI交互动作 (坐标点击、键盘输入等) -> 后端通过E2B SDK执行动作 -> 循环直至任务完成。

实现及优化#

效果展示

简单的实现大概就是这些。下一期我将带你实现指令操作沙盒，agent设计及协调，最终实现类似trae的solo功能。敬请期待

下一期