A’ cumail sùil air mearachdan le mothachadh ann an tagraidhean aghaidh aghaidh sgrìobhte ann am JavaScript: Pàirt 1

seirbheis Sgaoileadh a’ leigeil leat sùil a chumail air astar ann an tagraidhean aghaidh a tha sgrìobhte a-steach JavaScript.

A’ cumail sùil air mearachdan le mothachadh ann an tagraidhean aghaidh aghaidh sgrìobhte ann am JavaScript: Pàirt 1

A’ feuchainn ri duilgheadasan fhuasgladh ann an tagraidhean aghaidh air adhart JavaScript faodaidh iad a bhith duilich leis gu bheil iad bho thùs ann am brabhsair an neach-cleachdaidh, nach bi cothrom agad gu tric. Ach, Sgaoileadh ga dhèanamh comasach sùil a chumail air biastagan air astar.

tha e Faodaidh tu na fuasglaidhean air an deach beachdachadh san artaigil seo a luchdachadh sìos.

Na tha riatanach

Ma tha thu airson na h-eisimpleirean seo a chleachdadh, bidh feum agad air:

  • Node.js: Inneal leasachaidh feart-beairteach nach eil na phàirt den tagradh. Luchdaich sìos sinn an dreach LTS as ùire (8.12.0)
  • Sgaoileadh: An dàrna cuid cunntas anns an t-seirbheis Sentry (faodaidh tu suas ri 10 mìle bug a chlàradh gach mìos an-asgaidh) no Sentry ionadail air a chuir a-steach - https://github.com/getsentry/onpremise

Stàladh air an fhrithealaiche agad

Gus Sentry On-Premise a stàladh air an fhrithealaiche agad faodaidh tu a dhol ann an 2 dhòigh

  1. Tog rpm agus stàlaich iad - https://habr.com/ru/post/500632/

  2. Cleachd an stàlaichear oifigeil:

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

Cleachdadh Coitcheann

Gus tòiseachadh, cuir fear ùr bho làrach-lìn na seirbheis Sgaoileadh- pròiseact airson an tagraidh. Às deidh dhut an cànan a tha thu ag iarraidh a thaghadh, gheibh thu na sgrìobhainnean iomchaidh. Anns a 'chùis againn thagh sinn JavaScript.

Tha a 'chiad eisimpleir àbhaisteach JavaScript. Tha dà phutan an seo: "Halò" (Hello) agus "Mearachd" (Mearachd).

Às deidh dhut briogadh air a’ phutan "Halò", ath-thòisich an sgrion agus am bloc feuchainn lorgaidh agus glacaidh e am biast. Às deidh don bhug a bhith “air a ghlacadh”, thèid an aithisg mearachd a chuir chun t-seirbheis le làimh Sgaoileadh.

Leigidh am putan “Mearachd” leat bug a lorg gu furasta.

vanilla/index.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>

Notaichean:

  • Tha Sentry air a chuir a-steach bho CDN agus air fhoillseachadh mar chaochladair cruinne
  • Beagan na bu thràithe chuir sinn Sentry air bhog nar JavaScript

Gus an eisimpleir seo a dhearbhadh, is urrainn dhuinn àrd-ùrlar frithealaiche lìn statach a chleachdadh Node.js: http frithealaiche. Rach don phasgan far a bheil am faidhle air a stòradh index.html, agus cuir a-steach (roghainn le caching à comas) an loidhne a leanas gus an seòladh sa bhrobhsair fhosgladh http://localhost:8080.

Mar a tha biastagan glacte air an taisbeanadh

An toiseach cliog air a’ phutan "Halò".

A’ cumail sùil air mearachdan le mothachadh ann an tagraidhean aghaidh aghaidh sgrìobhte ann am JavaScript: Pàirt 1

Ghlac sinn biast, agus mar sin cha nochd e an stac gairm, agus mar sin chan eilear a’ cumail sùil air anns a’ chonsail. Ach, bhon a chuir sinn gu Sgaoileadh dèan aithris air bug le làimh, chì sinn teachdaireachd mu dheidhinn nad chunntas.

A’ cumail sùil air mearachdan le mothachadh ann an tagraidhean aghaidh aghaidh sgrìobhte ann am JavaScript: Pàirt 1

Notaichean:

  • Lorgaidh sinn dè an loidhne (24) anns a bheil am biast
  • A bharrachd air an sin, tha an t-slighe crùbagan a’ taisbeanadh na gnìomhan brabhsair a dh’ adhbhraich a’ mhearachd.

Mar a tha bugs neo-ghlaiste air an taisbeanadh

Cliog air a 'phutan "Mearachd".

A’ cumail sùil air mearachdan le mothachadh ann an tagraidhean aghaidh aghaidh sgrìobhte ann am JavaScript: Pàirt 1

Bidh am biast a’ builgean suas an stac gairm agus mar sin tha teachdaireachd mearachd air a thaisbeanadh air a’ chonsail. Às deidh seo, bidh Sentry gu fèin-ghluasadach a ’cumail sùil air a’ bhiast, gun ghnìomhan a bharrachd.

A’ cumail sùil air mearachdan le mothachadh ann an tagraidhean aghaidh aghaidh sgrìobhte ann am JavaScript: Pàirt 1

Notaichean:

  • Chì sinn dè an loidhne (30) a tha am biast air chall
  • Chan eil slighe crùbagan ann (chan eil mi buileach a’ tuigsinn carson)

Mar a nì thu cinnteach à tèarainteachd pròiseict

Is dòcha gu bheil thu air mothachadh mar a tha sinn a’ cumail smachd air na duilleagan a dh’ innseas mu mhearachdan sa phròiseact againn Sgaoileadh; le cuideachadh dn clàran. Is e an duilgheadas a th’ ann gum faic neach sam bith a choimheadas còd stòr do dhuilleag an cuir a-steach.

Gus seo a sheachnadh, feumaidh sinn an àireamh de raointean as urrainn aithisgean mearachd a chuir a-steach don phròiseact againn a chuingealachadh. Anns an eisimpleir seo chleachd sinn localhost (aoigheachd ionadail). Tha an roghainn seo air a rèiteachadh ann an taba nan roghainnean Sgaoileadh-pròiseict, Suidheachadh pròiseict Sentry.

A’ cumail sùil air mearachdan le mothachadh ann an tagraidhean aghaidh aghaidh sgrìobhte ann am JavaScript: Pàirt 1

Sgaoilidhean

Ma smaoinicheas tu air mar a chleachdas tu Sgaoileadh ann an diofar atharrachaidhean den tagradh againn, feumaidh sinn dòigh air choireigin a chomharraicheas mearachdan le àireamh tionndaidh.

Às deidh na h-uile, chan eil sinn airson gum bi am biast a shuidhich sinn a ’nochdadh a-rithist, agus tha sinn den bheachd nach do dh’ obraich na shuidhich sinn. Is dòcha cuideachd gun do chuir an neach-cleachdaidh dreach nas sine den tagradh air bhog.

Gus an duilgheadas fhuasgladh, feumaidh tu an aithnichear a chuir a-steach leigeil ma sgaoil (dreachan) aig toiseach tòiseachaidh Sgaoileadh.

vanilla/index.html

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

Às deidh seo, thèid a h-uile mearachd ùr a chomharrachadh mar sgaoileadh (0.1.0), is e sin, bidh iad ceangailte ris an dreach cheart den chòd.

A’ cumail sùil air mearachdan le mothachadh ann an tagraidhean aghaidh aghaidh sgrìobhte ann am JavaScript: Pàirt 1

Notaichean:

  • Tha sinn air faighinn a-mach dòigh shìmplidh air fiosan a chleachdadh
  • Leigidh Sentry leat barrachd a chleachdadh iom-fhillte aca cleachdadh na, a tha dlùth-cheangailte ri GitHub. Tha an gnìomh seo ga dhèanamh comasach sùil a chumail air biastagan mus dèan thu gnìomhachd sònraichte.

PS Tha an dàrna pàirt nas fhaide, mar sin bidh e ann an dreuchd air leth.

PS Telegram cabadaich Sentry https://t.me/sentry_ru

PS Dhìochuimhnich mi innse gur e eadar-theangachadh den phost a tha seo https://codeburst.io/sentry-error-reporting-by-example-part-1-999b2df11556

Source: www.habr.com

Cuir beachd ann