开源推荐
morning
GitHub 热门项目: open-operator
摘要
GitHub项目:open-operator 仓库地址:https://github.com/browserbase/open-operator Stars:1953 | 作者:browserbase 项目描述:A template for building web agents with Stagehand on Browserbase =============================...
https
com
Browserbase
the
API
browserbase
web
and
your
browser
2026-09-05
1 阅读
约6分钟阅读
GitHub Trending
字号:
GitHub 项目:open-operator
仓库地址:https://github.com/browserbase/open-operator
明星:1953 | 作者:浏览器库
项目描述:在 Browserbase 上使用 Stagehand 构建 Web 代理的模板
===================================================
自述文件内容:
> **此存储库不再积极维护。** 源代码已移至 [browserbase/gtm-demos](https://github.com/browserbase/gtm-demos/tree/main/apps/open-operator)。
# 开放运营商
> [!警告]
> 这只是一个概念证明。
> Browserbase 的目的不是与 Web 代理竞争,而是为任何人提供构建自己的 Web 代理所需的所有工具。我们强烈建议您查看 [Browserbase](https://www.browserbase.com) 和我们的开源项目 [Stagehand](https://www.stagehand.dev) 来构建您自己的 Web 代理。
[](https://vercel.com/new/clone?repository-url=https%3A%2F%2Fgithub.com%2Fbrowserbase%2Fopen-operator&env=OPENAI_API_KEY,BROWSERBASE_API_KEY, BROWSERBASE_PROJECT_ID&envDescription=API%20keys%20needed%20to%20run%20Open%20Operator&envLink=https%3A%2F%2Fgithub.com%2Fbrowserbase%2Fopen-operator%23环境变量)
## 开始使用
首先,安装此存储库的依赖项。这需要 [pnpm](https://pnpm.io/installation#using-other-package-managers)。
````bash
即插即用安装
````
接下来,复制示例环境变量:
````bash
cp .env.example .env.local
````
您需要设置 API 密钥:
1. 从 [OpenAI 仪表板](https://platform.openai.com/api-keys) 获取您的 OpenAI API 密钥
2. 从 [Browserbase](https://www.browserbase.com) 获取您的 Browserbase API 密钥和项目 ID
使用您的 API 密钥更新 `.env.local`:
- `OPENAI_API_KEY`:您的 OpenAI API 密钥
- `BROWSERBASE_API_KEY`:您的 Browserbase API 密钥
- `BROWSERBASE_PROJECT_ID`:您的 Browserbase 项目 ID
然后,运行开发服务器:
````bash
PNPM开发
````
使用浏览器打开 [http://localhost:3000](http://localhost:3000) 以查看 Open Operator 的运行情况。
## 它是如何工作的
构建网络代理是一项复杂的任务。您需要了解用户的意图,将其转换为无头浏览器操作,并执行操作,每个操作本身都可能非常复杂。

Stagehand 是一个帮助您构建网络代理的工具。它允许您将自然语言转换为无头浏览器操作,在浏览器上执行操作,并将结果提取回结构化数据。

在幕后,我们有一个非常简单的代理循环,只需调用 Stagehand 将用户的意图转换为无头浏览器操作,然后调用 Browserbase 来执行这些操作。

Stagehand 使用 Browserbase 在浏览器上执行操作,并使用 OpenAI 来理解用户的意图。
有关更多信息,请查看[此提交](https://github.com/browserbase/open-operator/blob/6f2fba55b3d271be61819dc11e64b1ada52646ac/index.ts)中的代码。
### 关键技术
- **[浏览器库](https://w
这篇文章对您有帮助吗?
订阅66必读
每日精选科技资讯,直达你的邮箱