展示 HN: RePlaya – 自托管的浏览器会话重放与实时追踪
基于S2构建的自托管会话重放。每个会话被存储为一个 S2 流,而这个流就是整个后端——没有单独的数据库、消息总线、对象存储或搜索索引。因为 S2 流可以在写入时进行追踪,RePlaya 可以在访客仍在页面上时实时重播会话,也可以播放已完成的会话。将录制片段添加到您的网站,会话将作为流存储,您可以重放、实时追踪、过滤和导出。演示:新的会话出现在列表中,并通过其 S2 流进行实时追踪——访客使用应用时,重放和活动反馈会更新。(MP4)快速入门:您需要一个 S2 访问令牌和一个流域。将它们放入 .env.local:S2_ACCESS_TOKEN=replace-with-an-s2-access-token S2_BASIN=replaya-your-name S2_STREAM_PREFIX=sessions/ PORT=8787 流域在第一次使用 RePlaya 的流默认设置时创建。仪表板的健康药丸报告流域和有效的 S2 端点,以便您确认所指向的内容。要使用 s2-lite 或其他兼容的部署而不是 S2 Cloud,请明确设置端点:S2_ACCOUNT_ENDPOINT=http://localhost:7070 S2_BASIN_ENDPOINT=http://localhost:7070 然后安装依赖并启动开发服务器:pnpm install pnpm dev API 运行在 http://localhost:8787 上,而 Vite 在 http://localhost:5173 上提供仪表板。要创建一个无须对另一个应用程序进行改装的测试录制,请打开 http://localhost:8787/recorder-test;它通过相同的托管录制脚本进行录制。对于产式本地运行,从一个端口通过 Express 构建和提供所有内容:pnpm build pnpm start # 打开 http://localhost:8787 嵌入式录制器:将其添加到任何页面以开始捕获,指向您的 RePlaya 主机:<script>!function(w,d,s,u){w.replaya=w.replaya||function(){(w.replaya.q=w.replaya.q||[]).push(arguments)};var e=d.createElement(s);e.async=1;e.src=u;d.head.appendChild(e)}(window,document,
本站免费、广告极少。如果觉得有帮助,可以请我们喝杯咖啡 —— 任何金额都对持续运营有实际帮助。
☕请我喝杯咖啡