教程
请按照下面的教程操作,以充分利用 OpenReplay。
通过以下基于真实用例的教程进行学习。
- 创建你自己的插件:了解如何在你自托管的 OpenReplay 实例中构建自定义插件。
- Assist:通过实时会话回放,为你的最终用户提供最佳的支持和引导体验。
- Fetch 插件:了解如何使用 Fetch 插件设置并清理请求信息。
- Axios 插件:了解如何使用 Axios 插件设置并清理请求信息。
- Redux 插件:了解如何设置 Redux 插件,以在会话回放中捕获状态变化。
- VueX 插件:了解如何设置 VueX 插件,以在会话回放中捕获状态变化。
- GraphQL 插件:了解如何设置 GraphQL 插件,以在会话回放中捕获操作数据。
- Zustand 插件:使用 Zustand Tracker 插件跟踪来自 Zustand 的状态数据。
- Pinia 插件:使用 Pinia Tracker 插件跟踪来自 Pinia 的状态数据。
- OmniSearch:充分利用我们强大的搜索功能,为你的项目找到合适类型的会话。
- 将用户添加到你的团队:了解如何将用户添加到你自托管的 OpenReplay 实例中。
- 问题类型:了解所有自动检测到的问题的含义,以及如何充分利用它们。
- 使用自定义事件增强你的跟踪能力:了解自定义事件,以及如何提升你的跟踪超能力。
- 仪表盘:
- 创建自定义仪表盘:了解如何利用自定义仪表盘来可视化你系统的当前状态。
- 创建自定义漏斗:了解如何创建自定义漏斗,以了解是什么导致了你的转化率下降。
- 在自定义仪表盘上显示 JavaScript 错误:通过本教程,将自定义指标(JS 错误)添加到你的仪表盘中。
与其他框架的集成
Section titled 与其他框架的集成- 快速上手:
- Next.js 与 OpenReplay:了解如何将 tracker 集成到你的 Next.js 应用中。
- Nuxt 与 OpenReplay:了解如何将 tracker 集成到你的 Nuxt 应用中。
- Remix 与 OpenReplay:了解如何将 tracker 集成到你的 Remix 应用中。
- Svelte 与 OpenReplay:了解如何将 tracker 集成到你的 Svelte 应用中。
- Angular 与 OpenReplay:了解如何将 tracker 集成到你的 Angular 应用中并跟踪请求数据。
- Gatsby 与 OpenReplay:了解如何将 tracker 集成到你的 Gatsby 项目中。
使用新功能扩展 OpenReplay
Section titled 使用新功能扩展 OpenReplay- 自定义启发式规则:创建你自己的问题检测算法,并将其添加到 OpenReplay 的启发式引擎中。