快速开始
从 API 密钥到第一个托管浏览器会话。
目标先证明托管浏览器可控
输出会话 ID 和页面标题;浏览器运行在 Hivebrowser 托管环境中。
路径只跑一条最短链路
创建 API 密钥、启动会话、通过 CDP 连接 Playwright,然后显式停止会话。
边界示例只放服务端运行
API 密钥只放后端、Worker 或任务队列;前端页面不应该直接调用这些示例。
准备工作
你需要一个 Hivebrowser 账号、Node.js 20+ 服务端运行环境,以及只保存在服务端环境变量或密钥管理系统中的 API 密钥。示例代码只应运行在后端、Worker 或任务队列,不要放到浏览器前端。
1. 获取 API 密钥
在 hivebrowser.ai 注册账号,然后进入控制台 API 密钥页面创建一个 API 密钥。所有 API 请求都需要这个密钥。
export HIVEBROWSER_API_KEY="hb_your_api_key_here"2. 安装依赖
npm install playwright-core3. 创建并连接会话
通过 API 创建一个浏览器会话,然后用 Playwright 连接:
import { chromium } from 'playwright-core';
const API = 'https://api.hivebrowser.ai';
const API_KEY = process.env.HIVEBROWSER_API_KEY;
// 创建会话
const res = await fetch(`${API}/v1/sessions`, {
method: 'POST',
headers: {
Authorization: `Bearer ${API_KEY}`,
'Content-Type': 'application/json',
},
body: JSON.stringify({
timeoutSec: 300,
}),
});
const { data: session } = await res.json();
console.log('会话已创建:', session.id);
// 通过 Playwright 连接
const browser = await chromium.connectOverCDP(session.connectUrl);
const context = browser.contexts()[0];
const page = context.pages()[0] || (await context.newPage());
await page.goto('https://example.com');
console.log('页面标题:', await page.title());
// 清理资源
await browser.close();
await fetch(`${API}/v1/sessions/${session.id}/stop`, {
method: 'POST',
headers: { Authorization: `Bearer ${API_KEY}` },
});运行成功后,你应该在终端看到会话 ID 和页面标题。此时浏览器运行在 Hivebrowser 的托管环境中,不是本机 Chrome。
4. 扩展工作流
第一次托管浏览器会话跑通后,只按任务需要增加能力:
状态复用浏览器档案输出捕获产物排查在调试台验证
任务不应该从干净浏览器开始时,持久化 cookies、localStorage 和浏览器上下文。
运行需要持久证据时,保存截图、PDF 或提取内容。
进入生产代码前,先调选择器、超时、录制和输出格式。
第一次接入保持窄路径:创建会话、连接自动化代码、停止会话;运行时路径稳定后,再加入状态和产物。