Bugsnag

Comment intégrer Bugsnag à OpenReplay et voir les erreurs backend aux côtés des rejeux de session.

Bugsnag

Comment intégrer Bugsnag à OpenReplay et voir les erreurs backend aux côtés des enregistrements de session.

1. Créer un jeton d’autorisation

Section titled 1. Créer un jeton d’autorisation
  1. Connectez-vous à votre compte Bugsnag.
  2. Allez dans Settings > My account > Personal auth tokens.
  3. Cliquez sur le bouton Generate new token +.
  4. Dans la description, saisissez openreplay.
  5. Cliquez sur le bouton Generate.
  6. Copiez le jeton puis cliquez sur le bouton Done.

Jetons d'authentification personnels Bugsnag

2. Activer Bugsnag dans OpenReplay

Section titled 2. Activer Bugsnag dans OpenReplay

Placez votre Authorization token dans le tableau de bord OpenReplay sous ‘Preferences > Integration’ et sélectionnez le projet que vous souhaitez suivre dans la liste déroulante.

Intégration de Bugsnag dans OpenReplay

3. Propager openReplaySessionToken

Section titled 3. Propager openReplaySessionToken

Pour lier un événement Bugsnag à la session utilisateur enregistrée, un jeton unique doit être propagé depuis votre frontend vers votre backend à chaque requête que vous souhaitez suivre. Cela peut se faire à l’aide d’un en-tête HTTP personnalisé. Dans l’exemple ci-dessous, nous utilisons la fonction fetch pour envoyer cet en-tête.

const headers = {
  Accept: 'application/json',
  'Content-Type': 'application/json',
};
if (tracker.getSessionToken()) { // use window.OpenReplay instead of tracker if you're using the snippet
  headers['X-OpenReplay-SessionToken'] = tracker.getSessionToken(); // Inject openReplaySessionToken
}
fetch('www.your-backend.com', {
  'GET',
  headers,
});

Pour qu’OpenReplay puisse associer une entrée de journal Bugsnag à la session utilisateur enregistrée, un jeton unique doit être propagé en tant que meta_data > special_info à chaque erreur backend que vous souhaitez suivre.

Voici un exemple avec l’API Python de Bugsnag.

bugsnag.notify(EXCEPTION_OBJECT,  meta_data={"special_info":{"openReplaySessionToken": OPENREPLAY_SESSION_TOKEN}})

Le nom de l’étiquette openReplaySessionToken est sensible à la casse.

Si vous rencontrez des problèmes, rejoignez notre Slack ou consultez notre Forum et obtenez de l’aide auprès de notre communauté.