Fanaraha-maso ny hadisoana miaraka amin'ny Sentry amin'ny fampiharana eo anoloana voasoratra amin'ny JavaScript: Fizarana 1

fanompoana mpiambina mamela anao hanara-maso lavitra ny bibikely amin'ny fampiharana eo anoloana voasoratra ao JavaScript.

Fanaraha-maso ny hadisoana miaraka amin'ny Sentry amin'ny fampiharana eo anoloana voasoratra amin'ny JavaScript: Fizarana 1

Miezaka mamaha olana amin'ny fampiharana eo anoloana JavaScript Mety ho sarotra satria avy amin'ny navigateur mpampiasa izy ireo, izay matetika tsy azonao idirana. Na izany aza, mpiambina ahafahana manara-maso ny bibikely avy lavitra.

izany Azonao atao ny misintona ireo vahaolana resahina ato amin'ity lahatsoratra ity.

Inona no ilaina

Raha te hampiasa ireto ohatra ireto ianao dia mila:

  • Node.js: Fitaovana fampivoarana manana endri-javatra izay tsy ao anatin'ny fampiharana. Nisintona ny kinova farany LTS (8.12.0) izahay
  • mpiambina: Na kaonty ao amin'ny serivisy Sentry (afaka mirakitra maimaim-poana hatramin'ny 10 arivo isam-bolana ianao) na Sentry eo an-toerana napetraka - https://github.com/getsentry/onpremise

Fametrahana amin'ny mpizara anao

Raha hametraka Sentry On-Premise amin'ny mpizara anao ianao dia afaka mandeha amin'ny fomba 2

  1. Amboary rpm ary apetraho izy ireo - https://habr.com/ru/post/500632/

  2. Ampiasao ny installer ofisialy:

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

Fampiasana mahazatra

Mba hanombohana, ampio vaovao avy amin'ny tranokalan'ny serivisy mpiambina- tetikasa ho an'ny fampiharana. Aorian'ny fisafidianana ny fiteny tianao dia hahazo ny antontan-taratasy mifandraika amin'izany ianao. Raha ny anay no nisafidy JavaScript.

Ny ohatra voalohany dia manara-penitra JavaScript. Misy bokotra roa eto: "Salama" (Salama) ary "Error" (Error).

Rehefa avy manindry ny bokotra ianao "Salama", dia hiverina indray ny efijery ary ny sakana manandrana hamantatra sy hisambotra ilay bibikely. Rehefa "voasambotra" ilay bibikely, dia alefa amin'ny tanana ny tatitra momba ny fahadisoana mpiambina.

Ny bokotra "Error" dia ahafahanao mamantatra mora foana ny bug.

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>

fanamarihana:

  • Ny Sentry dia napetraka avy amin'ny CDN ary miharihary ho fari-piainana manerantany
  • Talohan'izay dia nanangana Sentry izahay tamin'ny JavaScript

Mba hitsapana ity ohatra ity dia afaka mampiasa sehatra mpizara tranonkala static isika Node.js: http server. Mandehana any amin'ny lahatahiry misy ny rakitra index.html, ary ampidiro (safidy miaraka amin'ny disables caching) ity andalana manaraka ity hanokafana ny adiresy ao amin'ny navigateur http://localhost:8080.

Ahoana no anehoana ireo bibikely tratra

Kitiho aloha ny bokotra "Salama".

Fanaraha-maso ny hadisoana miaraka amin'ny Sentry amin'ny fampiharana eo anoloana voasoratra amin'ny JavaScript: Fizarana 1

Nahita bibikely izahay, ka tsy hipoitra ny antso an-tariby, ary noho izany dia tsy araha-maso ao amin'ny console. Na izany aza, hatramin'ny nandefasanay ny mpiambina mitatitra bug amin'ny tanana, dia hahita hafatra momba izany ao amin'ny kaontinao izahay.

Fanaraha-maso ny hadisoana miaraka amin'ny Sentry amin'ny fampiharana eo anoloana voasoratra amin'ny JavaScript: Fizarana 1

fanamarihana:

  • Azontsika fantarina hoe iza amin'ireo andalana (24) no misy ilay bibikely
  • Ho fanampin'izany, ny dian'ny breadcrumb dia mampiseho ny hetsika navigateur izay nitarika ny fahadisoana.

Ahoana no anehoana ireo bibikely tsy tratra

Tsindrio ny bokotra "Error".

Fanaraha-maso ny hadisoana miaraka amin'ny Sentry amin'ny fampiharana eo anoloana voasoratra amin'ny JavaScript: Fizarana 1

Ny bug dia miboiboika amin'ny antso an-tariby ary noho izany dia misy hafatra diso hita ao amin'ny console. Aorian'izany, ny Sentry dia manara-maso ho azy ny bibikely, tsy misy hetsika fanampiny.

Fanaraha-maso ny hadisoana miaraka amin'ny Sentry amin'ny fampiharana eo anoloana voasoratra amin'ny JavaScript: Fizarana 1

fanamarihana:

  • Hitantsika hoe aiza ny andalana (30) very ilay bibikely
  • Tsy misy lalan'ny mofo (tsy azoko loatra ny antony)

Ahoana no hiantohana ny fiarovana ny tetikasa

Mety ho voamarikao ny fomba hifehezanay izay pejy afaka mitatitra lesoka amin'ny tetikasanay mpiambina; miaraka amin'ny fanampiana dsn rakitsoratra. Ny olana dia ny fidirana dia azon'ny olona mijery ny kaody loharanon'ny pejinao.

Mba hisorohana an'izany dia mila mametra ny isan'ny sehatra afaka mandefa tatitra lesoka amin'ny tetikasantsika isika. Amin'ity ohatra ity dia nampiasainay localhost ( mpampiantrano eo an-toerana). Ity safidy ity dia amboarina ao amin'ny tabilao Settings mpiambina- tetikasa, Fametrahana tetikasa Sentry.

Fanaraha-maso ny hadisoana miaraka amin'ny Sentry amin'ny fampiharana eo anoloana voasoratra amin'ny JavaScript: Fizarana 1

fisaorana

Raha mieritreritra ny fomba fampiasana mpiambina amin'ny fiovaovana samihafa amin'ny fampiharana ataontsika, dia mila karazana mekanika izay hanamarika ny lesoka amin'ny laharana dikan-teny.

Rehefa dinihina tokoa, tsy tianay hipoitra indray ilay bug izay namboarinay, ary heverinay fa tsy nandaitra ny zavatra namboarinay. Mety ho ny mpampiasa ihany koa no namoaka dikan-teny tranainy kokoa amin'ny fampiharana.

Mba hamahana ny olana dia mila miditra ny identifier ianao famotsorana (versions) amin'ny fanombohana mpiambina.

vanilla/index.html

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

Aorian'io, ny fahadisoana vaovao rehetra dia ho voamarika ho famoahana (0.1.0), izany hoe hifamatotra amin'ny dikan-kaody marina izy ireo.

Fanaraha-maso ny hadisoana miaraka amin'ny Sentry amin'ny fampiharana eo anoloana voasoratra amin'ny JavaScript: Fizarana 1

fanamarihana:

  • Nahita fomba tsotra hampiasana ny famoahana izahay
  • Ny Sentry dia ahafahanao mampiasa bebe kokoa sarotra ny ny fampiasana ny, izay mifandray akaiky amin'ny GitHub. Io fiasa io dia ahafahana manara-maso ireo bibikely alohan'ny hanaovana asa sasany.

PS Ny ampahany faharoa dia lava kokoa, noho izany dia ho ao amin'ny lahatsoratra misaraka.

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

PS hadinoko ny milaza fa fandikana ny lahatsoratra ity https://codeburst.io/sentry-error-reporting-by-example-part-1-999b2df11556

Source: www.habr.com

Add a comment