Les Moniteurs dans OpenReplay offrent une vue ciblée sur les problèmes critiques affectant la stabilité et les performances de votre application. Grâce à des cartes préconfigurées, vous pouvez surveiller les erreurs JavaScript, les requêtes réseau et d’autres indicateurs clés afin d’identifier et de résoudre rapidement les problèmes.

Avec les Moniteurs, vous pouvez répondre à des questions telles que :

• Quelles erreurs JavaScript affectent l’expérience utilisateur ?
• Quelles sont les requêtes réseau les plus fréquentes dans votre application ?
• Existe-t-il des requêtes réseau récurrentes côté client (4xx) ou côté serveur (5xx) ?
• Quelles requêtes réseau provoquent les retards les plus importants ?

Créer un tableau de bord dédié aux Moniteurs vous aide à regrouper les indicateurs clés en un seul endroit, ce qui facilite le suivi des problèmes techniques. Voici comment procéder :

1. Accédez au menu Dashboards.
2. Cliquez sur Add Dashboard et nommez-le Monitors.

1. Accédez à la catégorie Monitors.
2. Ajoutez chacune des cartes suivantes à votre tableau de bord :
   • Table of JS Errors : Surveillez les erreurs JavaScript affectant l’expérience utilisateur et identifiez rapidement les types d’erreurs, leur fréquence et les utilisateurs concernés.
   • Top Network Requests : Consultez les requêtes réseau les plus fréquentes et identifiez les points d’accès d’API à fort trafic.
   • Sessions with 4xx/5xx Requests : Suivez les erreurs côté client (4xx) et côté serveur (5xx).
   • Sessions with Slow Network Requests : Repérez les requêtes réseau provoquant des retards et priorisez la correction des API lentes ou des services surchargés.

Chaque carte du tableau de bord Moniteurs est interactive, ce qui vous permet d’explorer les problèmes plus en détail :

1. Cliquez sur une erreur pour afficher sa stack trace.
2. Utilisez le bouton ‘Find all sessions with this error’ pour localiser toutes les sessions concernées.
3. Analysez les tendances grâce à la vue d’ensemble, qui présente les occurrences au cours des dernières 24 heures et des 30 derniers jours.

1. Sélectionnez un point sur le graphique pour afficher les rejeux de session pertinents.
2. Ouvrez l’onglet Network dans le rejeu de session pour analyser les détails de la requête, notamment sa durée et son statut.
3. Ajustez la plage temporelle du graphique à l’aide du menu déroulant afin de vous concentrer sur des périodes spécifiques.

• Examinez les requêtes les plus fréquentes dans votre application.
• Cliquez sur une requête spécifique pour filtrer les sessions qui la contiennent et l’analyser plus en détail.

La plage temporelle par défaut de votre tableau de bord correspond aux dernières 24 heures, mais vous pouvez la modifier pour mieux répondre à vos besoins :

1. Cliquez sur le menu déroulant de plage temporelle en haut du tableau de bord.
2. Choisissez une plage prédéfinie (par exemple, “Last 7 days”) ou définissez une période personnalisée.

Si vous le préférez, vous pouvez créer et ajouter des cartes directement depuis la Cards View :

1. Accédez à la Cards View dans le module Analytics.
2. Créez une carte pour n’importe quel indicateur des Moniteurs (par exemple, les erreurs JS ou les requêtes réseau lentes).
3. Ajoutez la carte à votre tableau de bord Moniteurs à l’aide de l’option Add to Dashboard.

Les Moniteurs vous permettent de suivre et de traiter des problèmes critiques tels que les erreurs JavaScript, les performances réseau et les requêtes lentes. Utilisez leurs fonctionnalités interactives, les rejeux de session et l’onglet Network pour explorer les problèmes en profondeur, en découvrir les causes profondes et améliorer la stabilité et les performances de votre application.

Si vous rencontrez des problèmes pour créer des entonnoirs dans votre projet, contactez-nous sur notre communauté Slack et posez vos questions directement à nos développeurs !