OpenReplay가 녹화를 올바르게 렌더링하려면 앱의 리소스(CSS, 글꼴, 아이콘)에 공개적으로(HTTPS만 해당) 접근할 수 있어야 합니다. OpenReplay는 이러한 리소스를 복사해 두므로, 앱의 콘텐츠가 바뀐 뒤에도 이전 세션을 리플레이할 수 있습니다. 이미지는 방식이 다르며, 세션을 리플레이할 때 실시간으로 가져옵니다.

이러한 이유로 localhost보다는 외부에서 접근 가능한 환경(예: 스테이징)에서 설치를 테스트하는 것을 권장합니다. 완벽하지는 않지만 로컬 개발을 위한 대안도 있습니다. 트래커 생성자에 inlineCss: 3 옵션을 추가하면 스타일시트가 (서버에 중앙 캐시되는 대신) 각 리플레이의 일부로 캡처됩니다. 이후 대시보드에서 세션 리플레이를 볼 수 있지만, 위에서 설명한 것처럼 이미지가 누락될 수 있습니다.

참고: SSL이 없는 사이트에서 트래커와 백엔드 간의 비보안 연결을 허용하려면 __DISABLE_SECURE_MODE: true 옵션도 활성화해야 할 수 있습니다.

이 과정에 대해 궁금한 점이 있으시면 언제든지 Slack으로 문의해 주세요.