Sentry, Bugsnag & Datadog RUM ချိတ်ဆက်တံတား

ရှေ့ပိုင်း JavaScript ခြွင်းချက်များကို MousePlayer ဗီဒီယိုဆက်ရှင်မှတ်တမ်းနှင့် တိုက်ရိုက်ချိတ်၍ အင်ဂျင်နီယာနှင့် QA လုပ်ငန်းစဉ်များ မြန်စေပါ။

1. ပြဿနာ: Stacktrace များက အသုံးပြုသူအခြေအနေ မပြပါ

ဝဘ်ဆိုက်တွင် မကိုင်တွယ်ထားသော JavaScript ခြွင်းချက် သို့မဟုတ် ကွန်ရက်ပျက်ကျမှု ဖြစ်ပါက Sentry ကဲ့သို့ အမှားစောင့်ကြည့်ကိရိယာများက စာသား stacktrace နှင့် ဘရောက်ဇာ user-agent စာသားများ ပေးသည်။ သို့သော် အင်ဂျင်နီယာများ မေးနေဆဲမှာ: “မပျက်ကျမီ အသုံးပြုသူ ဘယ်ခလုတ်နှိပ်ခဲ့သနည်း။” သို့မဟုတ် “ဖောင်ထဲ ဘာဒေတာ ထည့်ခဲ့သနည်း။”

ဤ MousePlayer အမှားခြေရာခံချိတ်ဆက်တံတား က ပုံရိပ်ပြန်ဖွင့် URL များကို အမှားအစီရင်ခံစာထဲ တိုက်ရိုက်ချိတ်ပေး၍ အလိုအလျောက်ဖြေရှင်းသည်။ ခြွင်းချက်ဖြစ်သောအခါ အင်ဂျင်နီယာက Sentry သို့မဟုတ် Bugsnag ဒက်ရှ်ဘုတ်ရှိ လင့်ခ်တစ်ခုသာနှိပ်ပြီး အသုံးပြုသူမျက်နှာပြင်ကို ပျက်ကျချိန်မီလီစက္ကန့်အတိအကျအထိ ဗီဒီယိုမှတ်တမ်း ကြည့်နိုင်သည်။

ဝန်ပိုမရှိသော ပေါင်းစည်းချိတ်ဆက်မှု: ချိတ်ဆက်တံတားသည် အောက်ပါအတွင်း နောက်ခံစောင့်ကြည့်ကိရိယာအဖြစ် တိတ်တဆိတ်လုပ်သည်: mp.js။ တိုင်းတာနိုင်သောဝန်ပိုမထည့်ဘဲ Core Web Vitals မထိခိုက်စေဘဲ အမှားခြေရာခံ SDK ကို အလိုအလျောက်သိရှိသည်။

2. အသက်သွင်းခြင်း & ဝန်ဆောင်မှုပေးသူချိတ်ဆက်ခြင်း

ဒက်ရှ်ဘုတ်မျက်နှာပြင် သို့မဟုတ် SDK သတ်မှတ်မှုအရာဝတ္ထုမှ ပရိုဂရမ်ဖြင့် အမှားခြေရာခံတံတား ဖွင့်နိုင်သည်။

နည်း A: ဒက်ရှ်ဘုတ်မှ အသက်သွင်းခြင်း (ကုဒ်မလို)

  1. MousePlayer အလုပ်နေရာသို့ ဝင်ပြီး ဖွင့်ပါ: ကိုယ်ပိုင်ဝဘ်ဆိုက်များ။
  2. နှိပ်ရမည့်ခလုတ်မှာ သတ်မှတ်ချက်များ / ပေါင်းစည်းချိတ်ဆက်မှုများ ဖြစ်ပြီး ပစ်မှတ်ဝဘ်ဆိုက်ဘေးတွင် ရှိသည်။
  3. ပေါင်းစည်းချိတ်ဆက်မှုဝင်းဒိုးတွင် ပြောင်းဖွင့်ပါ: Sentry, Bugsnag & Datadog RUM ချိတ်ဆက်တံတား ကို အောက်ပါအခြေအနေသို့ ON။
  4. ဝန်ဆောင်မှုပေးသူ ရွေးပါ (sentry၊ bugsnagသို့မဟုတ် datadog)၊ ထို့နောက် နှိပ်ပါ: ပြောင်းလဲမှုများ သိမ်းရန်။

နည်း B: စခရစ်ကို ကိုယ်တိုင်သတ်မှတ်ခြင်း

သတ်မှတ်မှုကို ကုဒ်တွင် တိုက်ရိုက်ထည့်လိုပါက ပို့ပါ: error_bridge_active: true ၊ ထည့်ရမည့်အရာဝတ္ထုမှာ 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. နည်းပညာ SDK လုပ်ဆောင်မှုဇယား

ရွေးထားသောဝန်ဆောင်မှုပေးသူအလိုက် MousePlayer သည် တရားဝင် JavaScript SDK တံဆိပ်တပ်နည်းလမ်းများကို အလိုအလျောက်လုပ်ဆောင်သည်:

ဝန်ဆောင်မှုပေးသူ လုပ်ဆောင်သော JavaScript နည်းလမ်း ထည့်သွင်းသော မီတာဒေတာသော့
Sentry window.Sentry.setTag(...) mouseplayer_session_url
Bugsnag window.Bugsnag.addMetadata('MousePlayer', { ... }) session_url
Datadog RUM window.DD_RUM.setGlobalContextProperty(...) mouseplayer_session_url

4. အမှားအစီရင်ခံစာများတွင် ပြန်ဖွင့်ကြည့်မှု ရှာရာနေရာ

အသက်ဝင်ပြီးသည်နှင့် ရှေ့ပိုင်းပျက်ကျမှု မှတ်တမ်းတင်တိုင်း အမှားစောင့်ကြည့်ဒက်ရှ်ဘုတ်တွင် ပြန်ဖွင့် URL ချက်ချင်းပေါ်သည်။

Sentry ပြဿနာအသေးစိတ်

Sentry ပရောဂျက်တွင် ပြဿနာတစ်ခု ဖွင့်ပြီး အောက်ပါအပိုင်းသို့ ရွှေ့ပါ: တံဆိပ်များ ။ အောက်ပါအမည်ရှိတံဆိပ် တွေ့မည်: mouseplayer_session_url။ ရှာဖွေ query ဘားဖြင့်လည်း Sentry ပြဿနာများကို စစ်ထုတ်နိုင်သည်: mouseplayer_session_url:*။

Bugsnag မီတာဒေတာတက်ဘ်များ

Bugsnag အမှားအစီရင်ခံစာ၏ အောက်ခြေလမ်းညွှန်တက်ဘ်များ စစ်ပါ။ စိတ်ကြိုက်တက်ဘ်အသစ်၏ အမည်မှာ MousePlayer ဖြစ်ပြီး နှိပ်နိုင်သော အောက်ပါ session_url ဟိုက်ပါလင့်ခ် ပါသည်။

Datadog RUM အမှားလေ့လာကိရိယာ

Datadog RUM တွင် မှတ်တမ်းတင်ထားသော အမှားဆက်ရှင်တစ်ခုသို့သွားပြီး စစ်ဆေးပါ: ကမ္ဘာလုံးဆိုင်ရာအကြောင်းအရာ / ဂုဏ်သတ္တိများ JSON သစ်ပင်။ URL ကို အောက်ပါအောက်တွင် အညွှန်းတပ်ထားသည်: @mouseplayer_session_url။

ဤနေရာရှိ ကုန်အမှတ်တံဆိပ်အားလုံးသည် သက်ဆိုင်ရာပိုင်ရှင်များနှင့် သက်ဆိုင်သည်။ MousePlayer နှင့် ဤဝန်ဆောင်မှုပေးသူများအကြား စီးပွားရေးဆက်ဆံမှု မရှိပါ။