Sentry, Bugsnag & Datadog RUM-brug

Versnel ingenieurs- en QA-werkvloei deur voorkant-JavaScript-uitsonderings direk aan MousePlayer se videosessie-opnames te koppel.

1. Die probleem: stapelspore wys nie gebruikerskonteks nie

Wanneer 'n onverwerkte JavaScript-uitsondering of netwerkfout op u webwerf voorkom, gee foutmoniteringshulpmiddels soos Sentry droë stapelspore en blaaiergebruikersagent-stringe. Ingenieurs vra egter steeds: “Watter knoppie het die gebruiker net voor die omval geklik?” of “Watter data is in die vorm ingevoer?”

Die MousePlayer-foutopsporingsbrug los dit outomaties op deur visuele herspeel-URL's direk by u foutverslae te voeg. By 'n uitsondering kan ingenieurs een skakel in hul Sentry- of Bugsnag-kontroleskerm klik en 'n video-opname van die gebruikerskerm tot by die presiese millisekonde van die omval kyk.

Integrasie sonder ekstra las: Die brug loop stilweg as agtergrondwaarnemer binne mp.js. Dit bespeur u foutopsporings-SDK outomaties sonder meetbare ekstra las of impak op Core Web Vitals.

2. Aktivering & verskafferkoppeling

U kan die foutopsporingsbrug deur die kontroleskerm of programmaties deur ons SDK-konfigurasieobjek aktiveer.

Metode A: aktivering deur die kontroleskerm (sonder kode)

  1. Meld by u MousePlayer-werkruimte aan en maak U webwerweoop.
  2. Klik die Instellings / Integrasies knoppie langs u teikenwebwerf.
  3. Skakel in die Integrasies-venster Sentry, Bugsnag & Datadog RUM-brug na ON.
  4. Kies u verskaffer (sentry, bugsnagof datadog) en klik Stoor veranderinge.

Metode B: handmatige skripkonfigurasie

As u die konfigurasie liewer direk in die kode plaas, gee error_bridge_active: true binne u window.mp_config objek deur:

<!-- MousePlayer SDK with Error Tracking Bridge Enabled --> <script> window.mp_config = { channel: 'YOUR_CHANNEL_ID', error_bridge_active: true, error_provider: 'sentry' // 'sentry', 'bugsnag', or 'datadog' }; </script>

3. Tegniese SDK-uitvoeringstabel

Volgens u gekose verskaffer voer MousePlayer die amptelike JavaScript-SDK-etiketteringsmetodes outomaties uit:

Verskaffer JavaScript-metode uitgevoer Metadata-sleutel ingevoeg
Sentry window.Sentry.setTag(...) mouseplayer_session_url
Bugsnag window.Bugsnag.addMetadata('MousePlayer', { ... }) session_url
Datadog RUM window.DD_RUM.setGlobalContextProperty(...) mouseplayer_session_url

4. Waar om herspelings in foutverslae te vind

Sodra dit aktief is, verskyn herspeel-URL's onmiddellik in u foutmoniteringskontroleskerms wanneer 'n voorkant-omval aangeteken word.

Sentry-kwessiebesonderhede

Maak enige kwessie in u Sentry-projek oop en rol af na die Etikette afdeling. U sal 'n etiket sien genaamd mouseplayer_session_url. U kan Sentry-kwessies ook met die navraagsoekbalk filtreer: mouseplayer_session_url:*.

Bugsnag-metadata-oortjies

Kyk in u Bugsnag-foutverslag na die onderste navigasie-oortjies. 'n Nuwe pasgemaakte oortjie genaamd MousePlayer verskyn met die klikbare session_url hiperskakel.

Datadog RUM-foutverkenner

Gaan in Datadog RUM na enige aangetekende foutsessie en ondersoek die Globale konteks / Attribute JSON-boom. Die URL is geïndekseer onder @mouseplayer_session_url.

Alle handelsmerke wat hier genoem word, behoort aan hul onderskeie eienaars. MousePlayer het geen sakeverhouding met hierdie verskaffers nie.