Tetezana Sentry, Bugsnag & Datadog RUM

Manafaingana ny fizotry ny asa teknika sy QA-nao amin'ny fampifandraisana exception JavaScript front-end mivantana amin'ny firaketana horonan-tsary fotoam-pampiasana MousePlayer.

1. Ny olana: tsy mampiseho toe-javatra mpampiasa ny stacktrace

Rehefa misy exception JavaScript tsy voakarakara na fikatsoana tambajotra amin'ny tranonkalanao dia manome stacktrace maina sy lahatsoratra user-agent mpitety ny fitaovana fanaraha-maso fahadisoana toy ny Sentry. Na izany aza dia mbola manontany ny teknisianina hoe: “Bokotra inona no notsindrian'ny mpampiasa talohan'ny fikatsoana?” na “Angona inona no nampidirina tamin'ny taratasy famenoana?”

Ny Tetezana fanaraha-maso fahadisoana MousePlayer dia mamaha izany ho azy amin'ny fampifandraisana URL famerenana hita maso mivantana ao amin'ny tatitra fahadisoanao. Rehefa misy exception dia afaka mitsindry rohy iray ao amin'ny dashboard Sentry na Bugsnag ny teknisianina ary mijery firaketana horonan-tsarin'ny efijerin'ny mpampiasa hatramin'ilay milisegondra marina nikatsoana.

Fampifandraisana tsy misy vesatra fanampiny: Miasa mangina ho mpanara-maso any ambadika ao anatin'ny mp.js ny tetezana. Mahita ny SDK fanaraha-maso fahadisoanao ho azy izy, tsy manampy vesatra azo refesina na miantraika amin'ny Core Web Vitals.

2. Fampavitrihana & fampifandraisana mpamatsy

Azonao velomina amin'ny interface dashboard na amin'ny programa amin'ny zavatra fikirakirana SDK anay ny tetezana fanaraha-maso fahadisoana.

Fomba A: Fampavitrihana amin'ny dashboard (tsy mila kaody)

  1. Midira amin'ny sehatra fiasanao MousePlayer ary sokafy ny Ny tranonkalanao.
  2. Tsindrio ny bokotra Fikirakirana / Fampifandraisana eo akaikin'ny tranonkala kendrenao.
  3. Ao amin'ny varavarankely Fampifandraisana, alefaso ny Tetezana Sentry, Bugsnag & Datadog RUM ho ON.
  4. Fidio ny mpamatsy anao (sentry, bugsnag, na datadog) ary tsindrio ny Tehirizo ny fanovana.

Fomba B: Fikirakirana script tanana

Raha aleonao mametraka ny fikirakirana ao amin'ny kaody dia alefaso ny error_bridge_active: true ao anatin'ny zavatra window.mp_config anao:

<!-- 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. Tabilao fanatanterahana SDK ara-teknika

Arakaraka ny mpamatsy nofidinao dia manatanteraka ho azy ny fomba fametrahana tag JavaScript SDK ofisialy ny MousePlayer:

Mpamatsy Fomba JavaScript tanterahina Lakile metadata ampidirina
Sentry window.Sentry.setTag(...) mouseplayer_session_url
Bugsnag window.Bugsnag.addMetadata('MousePlayer', { ... }) session_url
Datadog RUM window.DD_RUM.setGlobalContextProperty(...) mouseplayer_session_url

4. Izay ahitana ny famerenana ao amin'ny tatitra fahadisoanao

Rehefa mavitrika dia miseho avy hatrany ao amin'ny dashboard fanaraha-maso fahadisoanao ny URL famerenana isaky ny misy fikatsoana front-end voarakitra.

Antsipirian'ny olana Sentry

Sokafy ny olana iray ao amin'ny tetikasanao Sentry ary anakodiavo midina amin'ny fizarana Tag . Hahita tag antsoina hoe mouseplayer_session_url ianao. Azonao sivanina amin'ny bara fikarohana query koa ny olana Sentry: mouseplayer_session_url:*.

Kiheba metadata Bugsnag

Ao amin'ny tatitra fahadisoana Bugsnag-nao, jereo ny kiheba fitetezana any ambany. Hisy kiheba manokana vaovao antsoina hoe MousePlayer hiseho, mitondra ny rohy azo tsindriana session_url .

Fikarohana fahadisoana Datadog RUM

Ao amin'ny Datadog RUM, mankanesa amin'ny fotoam-pampiasana misy fahadisoana voarakitra ary diniho ny hazo JSON Toe-javatra manontolo / Toetra . Voasoratra eo ambanin'ny @mouseplayer_session_url ny URL.

An'ny tompony avy ireo marika rehetra voalaza eto. Tsy misy fifandraisana ara-barotra eo amin'ny MousePlayer sy ireo mpamatsy ireo.