快速上手：录制到 rrweb Cloud

安装 rrweb Cloud 浏览器客户端，在几分钟内发送你的第一个录制。

1. 创建 API 密钥

在 rrweb Cloud 仪表板中创建一个公开 API 密钥。公开密钥可以从浏览器代码创建录制，但无法读取你的账户数据。

2. 安装浏览器客户端

npm install @rrweb/browser-client

3. 在捕获前配置隐私

请从一个使用合成数据的非敏感测试页面开始。用 data-private 标记任何不得捕获的子树，用 data-mask 标记可能包含敏感值的文本，并在首次运行中脱敏所有输入值。屏蔽会省略匹配的子树并用占位符替换；脱敏则在替换文本或输入值的同时，为回放保留足够的结构。在将捕获范围扩展到测试页面之外前，请参阅录制与隐私设置。

4. 开始录制

在应用加载时调用一次 start()：

import { start } from '@rrweb/browser-client';

start({
  publicApiKey: 'your-public-api-key',
  blockSelector: '[data-private]',
  maskTextSelector: '[data-mask]',
  maskAllInputs: true,
});

客户端录制浏览器事件，通过 WebSocket 将其流式传输到 rrweb Cloud，并在连接中断时回退到 HTTP。

5. 回放录制

在仪表板中打开录制并选择新的录制。它可能需要几秒钟才会出现。

后续步骤

• 使用 JavaScript SDK 配置录制行为。
• 通过应用元数据附加可搜索字段。
• 从你自己的应用回放录制。
• 在不替换当前设置的情况下迁移现有的 rrweb 录制器。