Monatóireacht ar Earráidí le Sentry in Feidhmchláir Tosaigh Scríofa i JavaScript: Cuid 1

TSeirbhís Sentry is féidir leat monatóireacht a dhéanamh go cianda ar fhabhtanna in feidhmchláir tosaigh atá scríofa isteach JavaScript.

Monatóireacht ar Earráidí le Sentry in Feidhmchláir Tosaigh Scríofa i JavaScript: Cuid 1

Ag iarraidh fadhbanna a shocrú i bhfeidhmchláir tosaigh ar JavaScript is féidir a bheith deacair mar go dtagann siad ó bhrabhsálaí an úsáideora, rud nach mbíonn rochtain agat air go minic. Ach, Sentry is féidir monatóireacht a dhéanamh ar fhabhtanna go cianda.

Anseo Is féidir leat na réitigh a pléadh san Airteagal seo a íoslódáil.

Cad atá riachtanach

Más mian leat na samplaí seo a úsáid, beidh ort:

  • Node.js: Uirlis forbartha gné-saibhir nach bhfuil mar chuid den iarratas. Íoslódáil muid an leagan is déanaí de LTS (8.12.0)
  • Sentry: Ceachtar Cuntas sa tseirbhís Sentry (is féidir leat suas le 10 míle fabht a thaifeadadh in aghaidh na míosa saor in aisce) nó Sentry áitiúil suiteáilte - https://github.com/getsentry/onpremise

Suiteáil ar do fhreastalaí

Chun Sentry On-Premise a shuiteáil ar do fhreastalaí is féidir leat dul ar 2 bhealach

  1. Tóg rpm agus iad a shuiteáil - https://habr.com/ru/post/500632/

  2. Úsáid an suiteálaí oifigiúil:

    Установить на сервер docker и docker-compose
    git clone https://github.com/getsentry/onpremise.git
    ./install.sh

Úsáid Chaighdeánach

Chun tús a chur leis, cuir ceann nua leis ó shuíomh Gréasáin na seirbhíse Sentry-tionscadal don iarratas. Tar éis duit an teanga atá ag teastáil a roghnú, gheobhaidh tú an doiciméadú comhfhreagrach. Inár gcás roghnaigh muid JavaScript.

Is é an chéad sampla caighdeánach JavaScript. Tá dhá chnaipe anseo: "Dia dhuit" (Dia duit) agus "Earráid" (Earráid).

Tar éis duit cliceáil ar an gcnaipe "Dia dhuit", Atosóidh an scáileán agus an bloc iarracht a bhrath agus a ghabháil leis an fabht. Tar éis don fhabht a bheith “gafa”, seoltar an tuairisc earráide de láimh chuig an tseirbhís Sentry.

Ligeann an cnaipe “Earráid” duit fabht a bhrath go héasca.

vanilla/innéacs.html

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Vanilla</title>
</head>
<body>
  <button id="hello">Hello</button>
  <button id="error">Error</button>
  <div id="output"></div>
  <script src="https://browser.sentry-cdn.com/4.0.5/bundle.min.js" crossorigin="anonymous"></script>
  <script>
    (function () {
      'use strict';
      Sentry.init({ dsn: 'https://[email protected]/1289664' });
      var helloEl = document.getElementById('hello');
      var errorEl = document.getElementById('error');
      var outputEl = document.getElementById('output');
      helloEl.addEventListener('click', handleHelloClick);
      errorEl.addEventListener('click', handleErrorClick);
      function handleHelloClick() {
        outputEl.innerHTML = 'Hello World';
        try {
          throw new Error('Caught');
        } catch (err) {
          Sentry.captureException(err);
        }
      }
      function handleErrorClick() {
        throw new Error('Uncaught');
      }
    })();
  </script>
</body>
</html>

Nótaí:

  • Suiteáiltear Sentry ó CDN agus nochtar é mar athróg dhomhanda
  • Beagán níos luaithe sheolamar Sentry inár JavaScript

Chun an sampla seo a thástáil, is féidir linn ardán freastalaí gréasáin statach a úsáid Node.js: http freastalaí. Téigh go dtí an fillteán ina bhfuil an comhad a stóráil index.html, agus cuir isteach (rogha le caching díchumasaithe) an líne seo a leanas chun an seoladh sa bhrabhsálaí a oscailt http://localhost:8080.

Conas a léirítear bugs gafa

Ar dtús cliceáil ar an gcnaipe "Dia dhuit".

Monatóireacht ar Earráidí le Sentry in Feidhmchláir Tosaigh Scríofa i JavaScript: Cuid 1

Rug muid fabht, mar sin ní bheidh sé pop suas an chairn glaonna, agus dá bhrí sin nach bhfuil monatóireacht sa chonsól. Mar sin féin, ós rud é seol muid chuig Sentry tuairiscigh fabht de láimh, feicfimid teachtaireacht faoi i do chuntas.

Monatóireacht ar Earráidí le Sentry in Feidhmchláir Tosaigh Scríofa i JavaScript: Cuid 1

Nótaí:

  • Is féidir linn a rianú cén líne (24) ina bhfuil an fabht
  • Ina theannta sin, taispeánann an rian brioscáin aráin na gníomhartha brabhsálaí ba chúis leis an earráid.

Mar a thaispeántar bugs neamhghafa

Cliceáil ar an gcnaipe "Earráid".

Monatóireacht ar Earráidí le Sentry in Feidhmchláir Tosaigh Scríofa i JavaScript: Cuid 1

Bubbles an fabht suas an chairn glaonna agus mar sin tá teachtaireacht earráide ar taispeáint ar an consól. Tar éis seo, déanann Sentry monatóireacht go huathoibríoch ar an bhfabht, gan aon ghníomhartha breise.

Monatóireacht ar Earráidí le Sentry in Feidhmchláir Tosaigh Scríofa i JavaScript: Cuid 1

Nótaí:

  • Is féidir linn a fheiceáil cén líne (30) a bhfuil an fabht caillte
  • Níl aon rian aráin ann (ní thuigim go maith cén fáth)

Conas slándáil tionscadail a chinntiú

B’fhéidir gur thug tú faoi deara an bealach a rialaimid cé na leathanaigh ar féidir earráidí a thuairisciú inár dtionscadal Sentry; le cabhair dsn taifid. Is í an fhadhb atá ann go mbeidh an t-ionchur le feiceáil ag aon duine a fheiceann an cód foinse do leathanach.

Chun é seo a sheachaint, ní mór dúinn teorainn a chur le líon na bhfearann ​​​​ar féidir tuarascálacha earráide a chur isteach chuig ár dtionscadal. Sa sampla seo d'úsáideamar localhost (óstach áitiúil). Tá an rogha seo cumraithe sa chluaisín socruithe Sentry-tionscadal, Socrú Tionscadal Sentry.

Monatóireacht ar Earráidí le Sentry in Feidhmchláir Tosaigh Scríofa i JavaScript: Cuid 1

Scaoileadh

Má cheapann tú faoi conas é a úsáid Sentry in éagsúlachtaí éagsúla dár n-iarratas, ansin ní mór dúinn meicníocht de chineál éigin a mharcáil earráidí le huimhir leagain.

Tar éis an tsaoil, nílimid ag iarraidh go dtiocfaidh an fabht a d’éirigh linn arís, agus is dóigh linn nár oibrigh an rud a shocraigh muid. Seans freisin gur sheol an t-úsáideoir leagan níos sine den fheidhmchlár a bhí i dtaisce.

Chun an fhadhb a réiteach, ní mór duit an t-aitheantóir a chur isteach scaoileadh (leaganacha) ag am tosaithe Sentry.

vanilla/innéacs.html

...
var RELEASE = '0.1.0';
Sentry.init({
  dsn: 'https://[email protected]/1289664',
  release: RELEASE,
});
...

Tar éis seo, marcálfar gach earráid nua mar scaoileadh (0.1.0), is é sin, beidh siad ceangailte leis an leagan ceart den chód.

Monatóireacht ar Earráidí le Sentry in Feidhmchláir Tosaigh Scríofa i JavaScript: Cuid 1

Nótaí:

  • Táimid tar éis teacht ar bhealach simplí chun eisiúintí a úsáid
  • Ligeann Sentry duit níos mó a úsáid casta n- an úsáid a bhaint as, a bhaineann go dlúth le GitHub. Fágann an fheidhm seo gur féidir fabhtanna a rianú roimh oibríochtaí áirithe a dhéanamh.

PS Tá an dara cuid níos faide, mar sin beidh sé i bpost ar leith.

PS Telegram Sentry comhrá https://t.me/sentry_ru

PS Rinne mé dearmad a chur in iúl gur aistriúchán ar an bpost é seo https://codeburst.io/sentry-error-reporting-by-example-part-1-999b2df11556

Foinse: will.com

Add a comment