Àkwà njikọ Sentry, Bugsnag & Datadog RUM

Mee ka usoro ọrụ teknụzụ na QA gị dị ngwa site n'ijikọ mperi JavaScript ihu ngwa kpọmkwem na ndekọ vidio nnọkọ MousePlayer.

1. Nsogbu: Stacktrace anaghị egosi ozi gbara onye ọrụ gburugburu

Mgbe mperi JavaScript a naghị edozi ma ọ bụ ndakpọ netwọk mere na webụsaịtị gị, ngwa nlele njehie dịka Sentry na-enye stacktrace nkịtị na eriri user-agent ihe nchọgharị. Mana ndị injinia ka na-ajụ: “Kedu bọtịnụ onye ọrụ pịrị tupu ndakpọ ahụ ozugbo?” ma ọ bụ “Kedu data e tinyere n'fọm?”

Àkwà njikọ nsuso njehie MousePlayer na-edozi nke a n'ụzọ akpaka site n'itinye URL ịkpọgharị anya kpọmkwem na akụkọ njehie gị. Mgbe mperi mere, ndị injinia nwere ike ịpị otu njikọ na bọọdụ Sentry ma ọ bụ Bugsnag ha ma lelee ndekọ vidio ihuenyo onye ọrụ ruo milisekọnd ndakpọ ahụ kpọmkwem.

Njikọ na-enweghị ibu ọrụ ọzọ: Àkwà na-arụ ọrụ nwayọọ dịka onye na-ele n'azụ n'ime mp.js. Ọ na-achọpụta SDK nsuso njehie gị n'ụzọ akpaka na-etinyeghị ibu ọrụ a pụrụ ịtụ ma ọ bụ emetụta Core Web Vitals.

2. Ịgbanye & ikenye onye na-enye ọrụ

Ị nwere ike ịgbanye àkwà nsuso njehie site n'ihụ bọọdụ nchịkwa gị ma ọ bụ site na koodu n'ime ihe nhazi SDK anyị.

Ụzọ A: Ịgbanye bọọdụ nchịkwa (enweghị koodu)

  1. Banye n'oghere ọrụ MousePlayer gị ma mepee Webụsaịtị gị.
  2. Pịa bọtịnụ Ntọala / Njikọ n'akụkụ webụsaịtị ịchọrọ.
  3. N'ime windo Njikọ, gbanwee Àkwà njikọ Sentry, Bugsnag & Datadog RUM ka ọ bụrụ ON.
  4. Họrọ onye na-enye ọrụ gị (sentry, bugsnagma ọ bụ datadog) ma pịa Chekwaa mgbanwe.

Ụzọ B: Nhazi skript n'aka

Ọ bụrụ na ịchọrọ idobe nhazi kpọmkwem na koodu, nye error_bridge_active: true n'ime ihe window.mp_config gị:

<!-- 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. Tebụl oku SDK teknụzụ

Dabere na onye na-enye ọrụ ị họọrọ, MousePlayer na-akpọ usoro itinye tag JavaScript SDK gọọmenti n'ụzọ akpaka:

Onye na-enye ọrụ Usoro JavaScript a kpọrọ Igodo metadata a tinyere
Sentry window.Sentry.setTag(...) mouseplayer_session_url
Bugsnag window.Bugsnag.addMetadata('MousePlayer', { ... }) session_url
Datadog RUM window.DD_RUM.setGlobalContextProperty(...) mouseplayer_session_url

4. Ebe ị ga-ahụ ịkpọgharị na akụkọ njehie gị

Mgbe ọ na-arụ ọrụ, URL ịkpọgharị na-apụta ozugbo n'ime bọọdụ nlele njehie gị mgbe ọ bụla e dekọrọ ndakpọ ihu ngwa.

Nkọwa nsogbu Sentry

Mepee nsogbu ọ bụla n'ọrụ ngo Sentry gị ma tụgharịa ala ruo ngalaba Tag . Ị ga-ahụ tag aha ya bụ mouseplayer_session_url. Ị nwekwara ike ịzacha nsogbu Sentry site na ogwe ọchụchọ ajụjụ: mouseplayer_session_url:*.

Taabụ metadata Bugsnag

N'akụkọ njehie Bugsnag gị, lelee taabụ igagharị dị n'ala. Taabụ ọhụrụ nke gị aha ya bụ MousePlayer ga-apụta, nwere njikọ a pụrụ ịpị session_url .

Datadog RUM Error Explorer

Na Datadog RUM, gaa na nnọkọ njehie e dekọrọ ọ bụla ma nyochaa osisi JSON Ozi gburugburu niile / Njirimara . A na-edepụta URL n'okpuru @mouseplayer_session_url.

Akara azụmahịa niile a kpọrọ aha ebe a bụ nke ndị nwe ha. MousePlayer enweghị mmekọrịta azụmahịa na ndị na-enye ọrụ ndị a.