ស្ពានតភ្ជាប់ Sentry, Bugsnag & Datadog RUM

ពន្លឿនលំហូរការងារវិស្វកម្ម និង QA ដោយភ្ជាប់ករណីលើកលែង JavaScript ខាងមុខដោយផ្ទាល់ទៅការថតវគ្គវីដេអូ MousePlayer។

1. បញ្ហា៖ Stacktrace មិនបង្ហាញបរិបទអ្នកប្រើ

ពេលកើតករណីលើកលែង JavaScript មិនបានដោះស្រាយ ឬបណ្តាញគាំងលើគេហទំព័រ ឧបករណ៍តាមដានកំហុសដូចជា Sentry ផ្តល់ stacktrace ស្ងួត និងខ្សែអក្សរ user-agent របស់កម្មវិធីរុករក។ ប៉ុន្តែវិស្វករនៅតែសួរ៖ “តើអ្នកប្រើបានចុចប៊ូតុងអ្វីភ្លាមមុនគាំង?” ឬ “តើបានបញ្ចូលទិន្នន័យអ្វីក្នុងសំណុំបែបបទ?”

មុខងារ ស្ពានតភ្ជាប់ការតាមដានកំហុស MousePlayer ដោះស្រាយនេះដោយស្វ័យប្រវត្តិ ដោយភ្ជាប់ URL ចាក់ឡើងវិញជារូបភាពទៅរបាយការណ៍កំហុស។ ពេលមានករណីលើកលែង វិស្វករអាចចុចតំណតែមួយក្នុងផ្ទាំងគ្រប់គ្រង Sentry ឬ Bugsnag ហើយមើលការថតវីដេអូអេក្រង់អ្នកប្រើរហូតដល់មិល្លីវិនាទីជាក់លាក់ដែលគាំង។

ការតភ្ជាប់រួមគ្មានបន្ទុកបន្ថែម៖ ស្ពានដំណើរការស្ងាត់ជាឧបករណ៍តាមមើលផ្ទៃក្រោយក្នុង mp.js។ វារកឃើញ SDK តាមដានកំហុសដោយស្វ័យប្រវត្តិ ដោយមិនបន្ថែមបន្ទុកដែលវាស់បាន ឬប៉ះពាល់ Core Web Vitals។

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 ហើយរំកិលចុះទៅផ្នែក Tags ។ នឹងឃើញស្លាកឈ្មោះ mouseplayer_session_url។ ក៏អាចច្រោះបញ្ហា Sentry តាមរបារស្វែងរកសំណួរ៖ mouseplayer_session_url:*។

ផ្ទាំងទិន្នន័យមេតា Bugsnag

ក្នុងរបាយការណ៍កំហុស Bugsnag ពិនិត្យផ្ទាំងរុករកខាងក្រោម។ ផ្ទាំងផ្ទាល់ខ្លួនថ្មីឈ្មោះ MousePlayer នឹងបង្ហាញ ដោយមានតំណអាចចុចបាន session_url ។

Error Explorer របស់ Datadog RUM

ក្នុង Datadog RUM ទៅវគ្គកំហុសដែលបានថតណាមួយ ហើយពិនិត្យមែកធាង JSON Global Context / Attributes ។ URL ត្រូវបានធ្វើសន្ទស្សន៍ក្រោម @mouseplayer_session_url។

ពាណិជ្ជសញ្ញាទាំងអស់ដែលមានឈ្មោះនៅទីនេះជាកម្មសិទ្ធិរបស់ម្ចាស់រៀងៗខ្លួន។ MousePlayer គ្មានទំនាក់ទំនងអាជីវកម្មជាមួយអ្នកផ្តល់សេវាទាំងនេះទេ។