Jembatan Sentry, Bugsnag & Datadog RUM

Rikataken alur kerja teknik lan QA kanthi nyambungaken kesalahan JavaScript front-end langsung dhateng rekaman sesi video MousePlayer.

1. Masalah: Stacktrace Boten Nedahaken Konteks Panganggo

Nalika kesalahan JavaScript ingkang boten katangani utawi jaringan mandheg ing situs panjenengan, piranti pangawasan kesalahan kados Sentry namung maringi stacktrace lan string user-agent browser. Nanging insinyur taksih nyuwun: “Tombol punapa ingkang dipunklik panganggo sadèrèngipun mandheg?” utawi “Data punapa ingkang dipunlebetaken ing formulir?”

Jembatan Pelacakan Kesalahan MousePlayer otomatis ngrampungaken kanthi nyambungaken URL rekaman visual langsung ing laporan kesalahan. Nalika wonten kesalahan, insinyur saged klik satunggal pranala ing dasbor Sentry utawi Bugsnag lan mirsani rekaman layar panganggo ngantos milidetik mandheg ingkang pas.

Integrasi Tanpa Beban Tambahan: Jembatan lumampah tanpa kabar minangka pangawas latar mburi ing salebeting mp.js. Jembatan ndeteksi SDK pelacakan kesalahan panjenengan otomatis tanpa nambah beban ingkang saged dipunukur utawi mengaruhi Core Web Vitals.

2. Aktivasi & Pemetaan Panyedhiya

Panjenengan saged ngaktifaken jembatan pelacakan kesalahan mawi antarmuka dasbor utawi kanthi program mawi obyek konfigurasi SDK kula.

Cara A: Aktivasi Dasbor (Tanpa Kode)

  1. Mlebet ruang kerja MousePlayer lan bikak Situs Panjenengan.
  2. Klik tombol Setelan / Integrasi ing jejering situs tujuan.
  3. Ing jendhéla Integrasi, gantos Jembatan Sentry, Bugsnag & Datadog RUM dados ON.
  4. Pilih panyedhiya (sentry, bugsnag, utawi datadog) lan klik Simpen Owah-owahan.

Cara B: Konfigurasi Skrip Manual

Menawi badhé netepaken konfigurasi langsung ing kode, paringaken error_bridge_active: true ing obyek window.mp_config panjenengan:

<!-- 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. Tabel Eksekusi SDK Teknis

Manut panyedhiya ingkang dipunpilih, MousePlayer otomatis nglampahaken metode tag SDK JavaScript resmi:

Panyedhiya Metode JavaScript ingkang Dipunlampahaken Kunci Metadata ingkang Dipunsisipaken
Sentry window.Sentry.setTag(...) mouseplayer_session_url
Bugsnag window.Bugsnag.addMetadata('MousePlayer', { ... }) session_url
Datadog RUM window.DD_RUM.setGlobalContextProperty(...) mouseplayer_session_url

4. Papan Manggih Rekaman ing Laporan Kesalahan

Nalika aktif, URL rekaman langsung medal ing dasbor pangawasan kesalahan saben mandheg front-end dipunlog.

Rincian Masalah Sentry

Bikak masalah punapa kemawon ing proyek Sentry lan gulung mudhun dhateng pérangan Tag . Panjenengan badhé mirsani tag kanthi jeneng mouseplayer_session_url. Panjenengan ugi saged nyaring masalah Sentry mawi bar panelusuran kueri: mouseplayer_session_url:*.

Tab Metadata Bugsnag

Ing laporan kesalahan Bugsnag, priksa tab pandhu arah ngandhap. Tab khusus énggal kanthi jeneng MousePlayer badhé medal, ngemot hyperlink session_url ingkang saged dipunklik.

Panjlajah Kesalahan Datadog RUM

Ing Datadog RUM, pindhah dhateng sesi kesalahan ingkang dipunrekam lan priksa wit JSON Konteks Global / Atribut . URL dipunindeks ing @mouseplayer_session_url.

Sedaya merek dagang ing mriki kagungan pamilikipun piyambak. MousePlayer boten nggadhahi sesambetan bisnis kaliyan panyedhiya punika.