OpenReplay a besoin d’un accès public (HTTPS uniquement) aux ressources de votre application (CSS, polices et icônes) pour afficher correctement les enregistrements. Nous copions ces ressources afin que vous puissiez toujours rejouer vos sessions même si le contenu de votre application a changé. Les images sont gérées différemment : elles sont récupérées en temps réel lorsqu’une session est rejouée.

Pour ces raisons, nous recommandons de tester l’installation dans un environnement accessible publiquement (c’est-à-dire en staging) plutôt qu’en localhost. Il existe néanmoins une solution de contournement pour le développement local, même si elle n’est pas parfaite : l’utilisation de ngrok (ou de toute solution similaire) pour rendre les ressources de votre application web accessibles à OpenReplay.

Installez ngrok puis suivez ces étapes :

1. Lancez ngrok avec le port de votre localhost (c’est-à-dire ngrok http 3000 si votre serveur tourne sur localhost:3000).
2. Ouvrez votre application à l’URL ngrok spécifiée (c’est-à-dire https://558csdft.ngrok.io). Assurez-vous d’utiliser le lien HTTPS, sinon OpenReplay ne capturera rien pour des raisons de sécurité.

Les relectures de sessions devraient ensuite être disponibles dans le tableau de bord, mais il se peut que des images manquent comme expliqué ci-dessus.

Si vous avez des questions concernant ce processus, n’hésitez pas à nous contacter sur notre Slack ou à consulter notre Forum.