OpenReplay требуется публичный доступ (только по HTTPS) к ресурсам вашего приложения (CSS, шрифтам и иконкам), чтобы корректно отображать записи. Мы копируем эти ресурсы, чтобы вы могли воспроизводить свои сессии даже после того, как содержимое вашего приложения изменилось. Изображения обрабатываются иначе: они извлекаются в реальном времени при воспроизведении сессии.

По этим причинам мы рекомендуем тестировать установку в публично доступном окружении (то есть на staging), а не на localhost. Тем не менее, для локальной разработки существует обходное решение, хотя оно и не идеально: использование ngrok (или любого аналогичного решения), чтобы сделать ресурсы вашего веб-приложения доступными для OpenReplay.

Установите ngrok, затем выполните следующие шаги:

1. Запустите ngrok с портом вашего localhost (то есть ngrok http 3000, если ваш сервер работает на localhost:3000).
2. Откройте ваше приложение по указанному URL ngrok (то есть https://558csdft.ngrok.io). Обязательно используйте ссылку HTTPS, иначе OpenReplay ничего не будет захватывать по соображениям безопасности.

После этого записи сессий должны появиться в панели управления, но в них могут отсутствовать изображения, как объяснялось выше.

Если у вас есть вопросы об этом процессе, свяжитесь с нами в нашем Slack или загляните на наш Форум.