Khaladaadka Kormeerka ee Sentry ee Codsiyada Dhammaadka Hore Lagu Qoray JavaScript: Qaybta 1

adeegga Sentry waxay kuu ogolaanaysaa inaad meel fog kala socon karto kutaanada ku jirta codsiyada dhamaadka hore ee ku qoran JavaScript.

Khaladaadka Kormeerka ee Sentry ee Codsiyada Dhammaadka Hore Lagu Qoray JavaScript: Qaybta 1

Isku dey in lagu xaliyo mashaakilaadka codsiyada dhamaadka hore JavaScript waxay noqon kartaa mid dhib badan sababtoo ah waxay ka soo jeedaan browserka isticmaalaha, kaas oo aanad inta badan heli karin. Si kastaba ha ahaatee, Sentry waxay suurtogal ka dhigtaa in meel fog lagala socdo cayayaanka.

waa Waxaad soo dejisan kartaa xalalka looga hadlay qodobkan.

Maxaa loo baahan yahay

Haddii aad rabto inaad isticmaasho tusaalooyinkan, waxaad u baahan doontaa:

  • Node.js: Qalab horumarineed oo sifo hodan ku ah oo aan ka mid ahayn codsiga. Waxaan soo dejinay noocii ugu dambeeyay ee LTS (8.12.0)
  • Sentry: Ama Koonto ku jira adeega Sentry (waxaad ku duubi kartaa ilaa 10 kun oo cayayaan bishii bilaasha) ama Sentry maxalli ah oo rakiban - https://github.com/getsentry/onpremise

Ku rakibida serverkaaga

Si aad ugu rakibto Sentry On-Premise serverkaaga waxaad ku tagi kartaa laba siyaabood

  1. Dhis rpm oo ku rakib - https://habr.com/ru/post/500632/

  2. Isticmaal rakibaha rasmiga ah:

    Π£ΡΡ‚Π°Π½ΠΎΠ²ΠΈΡ‚ΡŒ Π½Π° сСрвСр docker ΠΈ docker-compose
    git clone https://github.com/getsentry/onpremise.git
    ./install.sh

Isticmaalka caadiga ah

Si aad u bilowdo, ku dar mid cusub shabakada adeega Sentry-mashruuca codsiga. Ka dib markaad doorato luqadda aad rabto, waxaad heli doontaa dukumentiyada u dhigma. Xaaladeena waanu dooranay JavaScript.

Tusaalaha ugu horreeya waa halbeeg JavaScript. Halkan waxaa ah laba badhan: "Waad salaaman tahay" (Hello) iyo "Khalad" (Qalad).

Kadib markaad riixdo badhanka "Waad salaaman tahay", Shaashadda ayaa dib u bilaabi doonta oo xannibi doonta isku day ogaan doona oo qaban doona cayayaanka. Ka dib markii cayayaanka "la qabto", warbixinta qaladka ayaa gacanta loogu diraa adeegga Sentry.

Badhanka "Error" wuxuu kuu ogolaanayaa inaad si fudud u ogaato cayayaanka.

vanilj/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>

Ogeysiis:

  • Sentry waxaa lagu rakibay CDN waxaana loo soo bandhigay doorsoome caalami ah
  • Wax yar ka hor waxaan ku bilownay Sentry JavaScript-kayaga

Si loo tijaabiyo tusaalahan, waxaan isticmaali karnaa madal server-ka shabakadeed oo taagan Node.js: http server. Aad galka meesha uu ku kaydsan yahay faylka index.html, oo geli (opption with disables caching) khadka soo socda si aad u furto ciwaanka browserka http://localhost:8080.

Sida cayayaanka la qabtay loo muujiyo

Marka hore guji badhanka "Waad salaaman tahay".

Khaladaadka Kormeerka ee Sentry ee Codsiyada Dhammaadka Hore Lagu Qoray JavaScript: Qaybta 1

Waxaan qabanay cilad, sidaa darteed ma soo bixi doonto xirmada wicitaanka, sidaas darteedna laguma kormeero console-ka. Si kastaba ha ahaatee, tan iyo markii aan u dirno Sentry si gacanta ugu sheeg khayaanada, waxaanu ku arki doonaa fariin ku saabsan akoonkaaga

Khaladaadka Kormeerka ee Sentry ee Codsiyada Dhammaadka Hore Lagu Qoray JavaScript: Qaybta 1

Ogeysiis:

  • Waxaan raadin karnaa xariiqa (24) ka kooban bug
  • Intaa waxaa dheer, raad-raaca rootiga wuxuu soo bandhigayaa ficillada browserka ee keenay qaladka.

Sida cayayaanka aan la qaban loo soo bandhigo

Guji badhanka "Khalad".

Khaladaadka Kormeerka ee Sentry ee Codsiyada Dhammaadka Hore Lagu Qoray JavaScript: Qaybta 1

Cayayaanka ayaa kor u qaadaya xidhmada wicitaanka oo markaa fariinta khaladka ah ayaa lagu soo bandhigay console-ka. Taas ka dib, Sentry si toos ah ayay ula socotaa cayayaanka, iyada oo aan wax ficil ah oo dheeraad ah la helin.

Khaladaadka Kormeerka ee Sentry ee Codsiyada Dhammaadka Hore Lagu Qoray JavaScript: Qaybta 1

Ogeysiis:

  • Waxaan ku arki karnaa xariiqa (30) buggu lumay
  • Ma jiro wax raad ah oo rooti ah (ma fahmin sababta)

Sida loo sugo amniga mashruuca

Waxaa laga yaabaa inaad dareentay habka aan u xakameyno boggaga u sheegi kara khaladaadka mashruucayaga Sentry; caawimo dsn diiwaanada. Dhibaatadu waa in gelinta uu arki karo qof kasta oo arka isha koodhka boggaaga.

Si taas looga fogaado, waxaan u baahanahay inaan xaddidno tirada domains ee soo gudbin kara warbixinnada qaladka mashruucayaga. Tusaalahan waxaan isticmaalnay localhost (magaalada martida loo yahay). Doorashadan waxa lagu habeeyey tab Settings Sentry-mashruuc, Dejinta Mashruuca Sentry.

Khaladaadka Kormeerka ee Sentry ee Codsiyada Dhammaadka Hore Lagu Qoray JavaScript: Qaybta 1

Siidaynta

Haddii aad ka fikirto sida loo isticmaalo Sentry noocyada kala duwan ee codsigayaga, ka dib waxaan u baahan nahay nooc ka mid ah hababka calaamadayn doona khaladaadka lambarka version.

Ka dib oo dhan, ma rabno in cayayaanka aan hagaajinay uu mar kale soo baxo, waxaanan u maleyneynaa in wixii aan hagaajinnay aysan shaqeynin. Waxa kale oo laga yaabaa in isticmaaluhu uu bilaabay codsi duug ah oo kaydsan.

Si aad u xalliso dhibaatada, waxaad u baahan tahay inaad geliso aqoonsiga sii deyn (versions) marka la bilaabayo Sentry.

vanilj/index.html

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

Taas ka dib, dhammaan khaladaadka cusub waxa loo calaamadayn doonaa sida sii deyn (0.1.0), taas oo ah, waxay ku xidhnaan doonaan nooca saxda ah ee koodka.

Khaladaadka Kormeerka ee Sentry ee Codsiyada Dhammaadka Hore Lagu Qoray JavaScript: Qaybta 1

Ogeysiis:

  • Waxaan soo saarnay hab fudud oo loo isticmaalo sii deynta
  • Sentry wuxuu kuu ogolaanayaa inaad isticmaasho wax badan adag ay isticmaalka, kaas oo si dhow ula xiriira GitHub. Hawshani waxay suurtogal ka dhigaysaa in la daba galo dhiqlaha ka hor inta aan la samayn hawlo gaar ah.

PS Qaybta labaad way dheer tahay, markaa waxay ku jiri doontaa boosto gaar ah.

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

PS Waxaan ilaaway inaan tilmaamo inay tani tahay tarjumaada boostada https://codeburst.io/sentry-error-reporting-by-example-part-1-999b2df11556

Source: www.habr.com

Add a comment