Buundada Sentry, Bugsnag & Datadog RUM

Dedeji habsocodka injineernimada iyo QA-gaaga adigoo khaladaadka JavaScript ee front-end si toos ah ugu xiraya duubisyada fadhiga muuqaalka ah ee MousePlayer.

1. Dhibaatada: stacktraces ma muujiyaan macnaha isticmaalaha

Marka khalad JavaScript oo aan la qaban ama burbur shabakad ka dhaco websaytkaaga, qalabka la-socodka khaladaadka sida Sentry waxay bixiyaan stacktraces qalalan iyo qoraalka user-agent ee biraawsarka. Hase yeeshee injineeradu waxay isweydiiyaan: “Batan noocee ah ayuu isticmaaluhu gujiyay isla ka hor burburka?” ama “Xog noocee ah ayaa foomka la geliyay?”

Buundada Dabagalka Khaladaadka MousePlayer ayaa tan si otomaatig ah u xallisa iyadoo URL-yada dib-u-ciyaarista muuqaalka ah si toos ah ugu xiraysa warbixinnada khaladkaaga. Marka khalad dhaco, injineeradu waxay gujin karaan hal xiriir oo dashboard-kooda Sentry ama Bugsnag ah oo daawan karaan duubista muuqaalka shaashadda isticmaalaha ilaa millisecond-ka saxda ah ee burburka.

Isku-xir aan culeys dheeraad ah lahayn: Buundadu si deggan ayay watcher gadaasha ah uga shaqaysaa gudaha mp.js. Waxay si otomaatig ah u ogaataa SDK-gaaga dabagalka khaladaadka iyada oo aan culeys la cabbiri karo ku darin ama saameyn Core Web Vitals.

2. Hawlgelinta & waafajinta bixiyaha

Waxaad buundada dabagalka khaladaadka ka hawlgelin kartaa muuqaalka dashboard-kaaga ama barnaamij ahaan adigoo adeegsanaya walaxda dejinta SDK-gayaga.

Habka A: hawlgelinta Dashboard (koodh la'aan)

  1. Gal goobtaada shaqada MousePlayer oo fur Websaytyadaada.
  2. Guji batanka Dejimaha / Isku-xirrada ee ku xiga websaytkaaga bartilmaameedka.
  3. Daaqadda Isku-xirrada, u beddel Buundada Sentry, Bugsnag & Datadog RUM xaaladda ON.
  4. Dooro bixiyahaaga (sentry, bugsnag, ama datadog) oo guji Kaydi isbeddellada.

Habka B: dejinta iskribtiga ee gacanta

Haddii aad doorbidayso inaad dejinta si toos ah koodhka ugu qorto, ku gudbi error_bridge_active: true gudaha walaxdaada window.mp_config :

<!-- 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. Jadwalka fulinta farsamo ee SDK

Iyadoo ku xiran bixiyaha aad dooratay, MousePlayer wuxuu si otomaatig ah u fuliyaa hababka tag-gareynta ee JavaScript SDK ee rasmiga ah:

Bixiye Habka JavaScript ee la fuliyo Furaha metadata ee lagu daro
Sentry window.Sentry.setTag(...) mouseplayer_session_url
Bugsnag window.Bugsnag.addMetadata('MousePlayer', { ... }) session_url
Datadog RUM window.DD_RUM.setGlobalContextProperty(...) mouseplayer_session_url

4. Halka dib-u-ciyaarisyada laga helo warbixinnada khaladkaaga

Marka ay shaqayso, URL-yada dib-u-ciyaaristu isla markiiba ayay uga muuqdaan dashboards-kaaga la-socodka khaladaadka mar kasta oo burbur front-end ah la diiwaangeliyo.

Faahfaahinta arrinta Sentry

Fur arrin kasta oo mashruucaaga Sentry ah oo hoos ugu rog qaybta Summadaha . Waxaad arki doontaa summad la yiraahdo mouseplayer_session_url. Sidoo kale waxaad ku shaandhayn kartaa arrimaha Sentry barta raadinta query: mouseplayer_session_url:*.

Tababka metadata ee Bugsnag

Warbixintaada khaladka Bugsnag, hubi tababka socodka ee hoose. Tab cusub oo gaar ah oo la yiraahdo MousePlayer ayaa soo muuqanaya, isagoo wata hyperlink la gujin karo oo session_url ah.

Sahamiyaha khaladka Datadog RUM

Gudaha Datadog RUM, tag fadhi kasta oo khalad leh oo la duubay, oo baar geedka JSON ee Macnaha Guud / Sifooyinka . URL-ka waxaa lagu diiwaangeliyaa hoosta @mouseplayer_session_url.

Dhammaan calaamadaha ganacsi ee halkan lagu magacaabay waxaa leh milkiilayaashooda. MousePlayer xiriir ganacsi lama laha bixiyeyaashan.