rrweb-action-extractor

• rrweb でブラウザ操作を記録・再生する | Orenge Diary

rrweb で記録したブラウザ操作イベントから、アクション（navigate / input / click）を抽出して再生する。

rrweb-action-extractor-demo.mov

構成

.
├── rrweb/       # フロントエンド（nginx + @rrweb/record + @rrweb/replay）
├── extractor/   # バックエンド（Go）
└── e2e/         # E2E テスト（Playwright）

起動

$ make up

• http://localhost:3000 にアクセス

動作確認

1. ブラウザで http://localhost:3000 を開く
2. メールアドレスとパスワードを入力してログインボタンを押す
3. 「アクションを抽出」ボタンを押す
4. 画面にアクション一覧（JSON）が表示される
5. 「再生」ボタンからアクションを再生する

E2E テスト

コンテナを起動した状態で実行する。

$ make e2e

停止

$ make down