本地主机测试

使用 ngrok 在 localhost/VPN 上测试 OpenReplay。

本地主机测试

OpenReplay 需要对你应用的资源(CSS、字体和图标)拥有公共访问权限(仅限 HTTPS),才能正确渲染录制内容。我们会复制这些资源,这样即使你的应用内容已经更改,你仍然可以回放会话。图片的处理方式有所不同,它们会在会话回放时实时获取。

出于这些原因,我们建议在可公开访问的环境(即 staging)中测试安装,而不是在 localhost 中进行。不过,本地开发仍然有一个变通方法,尽管它并不完美:使用 ngrok(或任何类似的解决方案)使你的 Web 应用资源能够被 OpenReplay 访问。

安装 ngrok,然后按照以下步骤操作:

  1. 使用你的 localhost 端口运行 ngrok(即如果你的服务器运行在 localhost:3000,则运行 ngrok http 3000)。
  2. 在指定的 ngrok URL(即 https://558csdft.ngrok.io)打开你的应用。请确保使用 HTTPS 链接,否则出于安全原因,OpenReplay 将不会捕获任何内容。

之后会话回放应该会在仪表盘中可用,但如上所述,它们可能会缺少图片。

如果你对此过程有任何疑问,欢迎通过我们的 Slack 联系我们,或查看我们的论坛