无服务器浏览器自动化部署

技能简介

该技能指导通过官方bb CLI将浏览器自动化部署为无服务器函数，支持定时执行或Webhook触发，无需本地运行环境。

业务背景

该方案让技术团队无需维护服务器基础设施即可运行浏览器自动化任务，显著降低运维成本与部署门槛。开发人员可专注于脚本逻辑本身，通过CLI工具快速将网页抓取、数据监测等能力转化为可调用的云端服务，支持按需触发或定时执行，灵活响应业务需求变化。

落地案例：某零售企业的市场分析团队需要每日监控竞品价格变动：开发人员使用bb CLI初始化项目，在本地编写针对目标电商网站的抓取脚本，配置CSS选择器定位价格元素。调试完成后一键部署至Browserbase云端，获取Function ID后接入内部调度系统。每日凌晨自动触发执行，返回结构化JSON数据供比价分析；销售旺季期间切换为Webhook触发模式，实时响应促销事件，全程无需管理服务器资源。

能做什么

• 创建并初始化函数项目结构
• 在本地开发环境调试自动化脚本
• 将函数发布至Browserbase云端
• 通过API调用已部署的远程函数
• 实现参数化的网页抓取与数据提取

使用说明

1. 获取凭证
访问 https://browserbase.com/settings 获取API Key和Project ID。

2. 设置环境变量

export BROWSERBASE_API_KEY="your_api_key"
export BROWSERBASE_PROJECT_ID="your_project_id"

3. 安装CLI并初始化项目

pnpm dlx @browserbasehq/sdk-functions init my-function
cd my-function
pnpm install

4. 配置凭证

echo "BROWSERBASE_API_KEY=$BROWSERBASE_API_KEY" >> .env
echo "BROWSERBASE_PROJECT_ID=$BROWSERBASE_PROJECT_ID" >> .env

5. 启动开发服务器

pnpm bb dev index.ts

服务运行于 http://127.0.0.1:14113，支持热重载。

6. 本地测试

curl -X POST http://127.0.0.1:14113/v1/functions/my-function/invoke \
  -H "Content-Type: application/json" \
  -d '{"params": {"url": "https://example.com"}}'

7. 部署上线

pnpm bb publish index.ts

记录返回的Function ID用于后续调用。

输入与输出

见下方输入与输出表格。

项目	内容
输入	目标网址URL、CSS选择器、自定义参数对象、API Key与Project ID（环境变量）
输出	页面标题、抓取数据列表、JSON格式执行结果、调用状态与错误详情
适用人群	需云端部署浏览器自动化的开发者、运维定时任务的技术人员、构建Webhook服务的工程师
不包含	可视化浏览器操作、本地持久化存储、复杂工作流引擎、浏览器插件自动化

 

风险提示

• API Key需妥善保管，避免提交至代码仓库
• .env文件应加入.gitignore防止泄露
• 函数执行有超时限制，长时间任务需拆分处理
• 轮询获取结果时注意控制请求频率
• 网络不稳定可能导致会话连接中断

来源信息

原始链接：https://github.com/openclaw/skills/tree/main/skills/peytoncasper/functions/SKILL.md
来源类型：GitHub Skill文档