{"id":86853,"date":"2020-06-30T19:41:57","date_gmt":"2020-06-30T17:41:57","guid":{"rendered":"https:\/\/prohoster.info\/blog\/administrirovanie\/monitoring-oshibok-s-pomoshhyu-sentry-vo-frontend-prilozheniyah-napisannyh-na-javascript-chast-1"},"modified":"2020-06-30T19:41:57","modified_gmt":"2020-06-30T17:41:57","slug":"monitoring-oshibok-s-pomoshhyu-sentry-vo-frontend-prilozheniyah-napisannyh-na-javascript-chast-1","status":"publish","type":"post","link":"https:\/\/prohoster.info\/sq\/blog\/administrirovanie\/monitoring-oshibok-s-pomoshhyu-sentry-vo-frontend-prilozheniyah-napisannyh-na-javascript-chast-1","title":{"rendered":"Monitorimi i gabimeve me Sentry n\u00eb aplikacionet frontend t\u00eb shkruara n\u00eb JavaScript: Pjesa 1","gt_translate_keys":[{"key":"rendered","format":"text"}]},"content":{"rendered":"<p>Sh\u00ebrbimi <em>Sentry<\/em> lejon i t\u00eb monitoroni problema n\u00eb aplikacionet frontend, t\u00eb shkruara n\u00eb <em>JavaScript<\/em>.<\/p>\n<p><\/p>\n<p><img decoding=\"async\" alt=\"Monitorimi i gabimeve me Sentry n\u00eb aplikacionet frontend t\u00eb shkruara n\u00eb JavaScript: Pjesa 1\" src=\"\/wp-content\/uploads\/2020\/06\/26936c2af48cb0d849eca4abd21b7deb.jpg\" style=\"display:block;margin: 0 auto;\" \/><\/p>\n<p><\/p>\n<p>P\u00ebrpjekja p\u00ebr t\u00eb zgjidhur problemet n\u00eb aplikacionet frontend n\u00eb <em>JavaScript<\/em> mund t\u00eb jet\u00eb nj\u00eb sfid\u00eb e v\u00ebshtir\u00eb, pasi ato ndodhin n\u00eb shfletuesin e p\u00ebrdoruesit, p\u00ebr t\u00eb cilin shpeshher\u00eb nuk keni qasje. Megjithat\u00eb, <em>Sentry<\/em> ofron mund\u00ebsin\u00eb p\u00ebr t\u00eb monitoruar probleme nga larg.<\/p>\n<p><noindex><a rel=\"nofollow\" name=\"habracut\"><\/a><\/noindex><\/p>\n<p><noindex><a rel=\"nofollow\" href=\"https:\/\/github.com\/larkintuckerllc\/hello-sentry\">K\u00ebtu<\/a><\/noindex> mund t\u00eb shkarkoni zgjidhjet q\u00eb u trajtuan n\u00eb k\u00ebt\u00eb artikull.<\/p>\n<p><\/p>\n<p><strong>\u00c7far\u00eb nevojitet<\/strong><\/p>\n<p><\/p>\n<p>N\u00ebse d\u00ebshironi t\u00eb p\u00ebrfitoni nga k\u00ebto shembuj, do t'ju nevojiten:<\/p>\n<p><\/p>\n<ul>\n<li><noindex><a rel=\"nofollow\" href=\"https:\/\/nodejs.org\/en\/\"><em>Node.js<\/em><\/a><\/noindex>: Nj\u00eb mjet multifunksional p\u00ebr zhvillim, q\u00eb nuk \u00ebsht\u00eb pjes\u00eb e aplikacionit. Ne shkarkuam versionin e fundit LTS (8.12.0)<\/li>\n<li><em>Sentry<\/em>: Ose nj\u00eb llogari n\u00eb sh\u00ebrbimin Sentry (mund t\u00eb regjistroni deri n\u00eb 10 mij\u00eb probleme falas n\u00eb muaj) ose nj\u00eb Sentry t\u00eb instaluar lokal \u2014 <noindex><a rel=\"nofollow\" href=\"https:\/\/github.com\/getsentry\/onpremise\">https:\/\/github.com\/getsentry\/onpremise<\/a><\/noindex><\/li>\n<\/ul>\n<p><\/p>\n<p><strong>Instalimi n\u00eb serverin tuaj<\/strong><\/p>\n<p><\/p>\n<p>P\u00ebr t\u00eb instaluar Sentry On-Premise n\u00eb serverin tuaj, mund t\u00eb ndiqni 2 rrug\u00eb<\/p>\n<p><\/p>\n<ol>\n<li>\n<p>T\u00eb grumbulloni rpm dhe t'i instaloni ato \u2014 <noindex><a rel=\"nofollow\" href=\"https:\/\/habr.com\/ru\/post\/500632\/\">https:\/\/habr.com\/ru\/post\/500632\/<\/a><\/noindex><\/p>\n<p>\n<\/li>\n<li>\n<p>T\u00eb p\u00ebrdorni installer-in zyrtar:<\/p>\n<p><\/p>\n<pre><code class=\"plaintext\">T\u00eb instaloni n\u00eb server docker dhe docker-compose\ngit clone https:\/\/github.com\/getsentry\/onpremise.git\n.\/install.sh<\/code><\/pre>\n<p>\n<\/li>\n<\/ol>\n<p><\/p>\n<p><strong>P\u00ebrdorimi standard<\/strong><\/p>\n<p><\/p>\n<p>P\u00ebr t\u00eb filluar, shtoni nj\u00eb t\u00eb re nga faqja e sh\u00ebrbimit <em>Sentry<\/em>-projekti p\u00ebr aplikacionin. Pas zgjedhjes s\u00eb gjuh\u00ebs s\u00eb d\u00ebshiruar, do t\u00eb merrni dokumentacionin p\u00ebrkat\u00ebs. N\u00eb rastin ton\u00eb, kemi zgjedhur <em>JavaScript<\/em>.<\/p>\n<p><\/p>\n<p>Shembulli i par\u00eb \u2014 standard <em>JavaScript<\/em>. K\u00ebtu ka dybutona: <em>\u00abHello\u00bb<\/em> (P\u00ebrsh\u00ebndetje) dhe <em>\u00abError\u00bb<\/em> (Gabim).<\/p>\n<p><\/p>\n<p>Pas klikimit mbi butonin <em>\u00abHello\u00bb<\/em>, ekrani do t\u00eb rifreskohet, dhe blloku <em>provo<\/em> do t\u00eb zbuloj\u00eb dhe kap\u00eb gabimin. Pas kapjes s\u00eb gabimit, raporti i gabimit d\u00ebrgohet manualisht n\u00eb sh\u00ebrbimin <em>Sentry<\/em>.<\/p>\n<p><\/p>\n<p>Butoni \u00abError\u00bb lejon thjesht t\u00eb zbulohet gabimi.<\/p>\n<p><\/p>\n<p><em>vanilla \/ index.html<\/em><\/p>\n<p><\/p>\n<pre><code class=\"html\">&lt;!DOCTYPE html&gt;\n&lt;html&gt;\n&lt;head&gt;\n&lt;meta charset=&quot;UTF-8&quot;&gt;\n&lt;title&gt;Vanilla&lt;\/title&gt;\n&lt;\/head&gt;\n&lt;body&gt;\n  &lt;button id=&quot;hello&quot;&gt;Hello&lt;\/button&gt;\n  &lt;button id=&quot;error&quot;&gt;Gabim&lt;\/button&gt;\n  &lt;div id=&quot;output&quot;&gt;&lt;\/div&gt;\n  &lt;script src=&quot;https:\/\/browser.sentry-cdn.com\/4.0.5\/bundle.min.js&quot; crossorigin=&quot;anonymous&quot;&gt;&lt;\/script&gt;\n  &lt;script&gt;\n    (function () {\n      &#039;use strict&#039;;\n      Sentry.init({ dsn: &#039;https:\/\/b5bf359072254626aba8e64368e77b7d@sentry.io\/1289664&#039; });\n      var helloEl = document.getElementById(&#039;hello&#039;);\n      var errorEl = document.getElementById(&#039;error&#039;);\n      var outputEl = document.getElementById(&#039;output&#039;);\n      helloEl.addEventListener(&#039;click&#039;, handleHelloClick);\n      errorEl.addEventListener(&#039;click&#039;, handleErrorClick);\n      function handleHelloClick() {\n        outputEl.innerHTML = &#039;Hello World&#039;;\n        try {\n          throw new Error(&#039;Caught&#039;);\n        } catch (err) {\n          Sentry.captureException(err);\n        }\n      }\n      function handleErrorClick() {\n        throw new Error(&#039;Uncaught&#039;);\n      }\n    })();\n  &lt;\/script&gt;\n&lt;\/body&gt;\n&lt;\/html&gt;<\/code><\/pre>\n<p><\/p>\n<p>Sh\u00ebnime:<\/p>\n<p><\/p>\n<ul>\n<li>Sentry instalohet nga CDN dhe shfaqet si nj\u00eb variab\u00ebl globale<\/li>\n<li>Pak m\u00eb par\u00eb ne e lan\u00e7uam Sentry n\u00eb JavaScript-in ton\u00eb<\/li>\n<\/ul>\n<p><\/p>\n<p>P\u00ebr t\u00eb testuar k\u00ebt\u00eb shembull, mund t\u00eb shfryt\u00ebzojm\u00eb nj\u00eb platform\u00eb serveri web statike <em>Node.js<\/em>: <em>server http<\/em>. Shk\u00ebmbejm\u00eb n\u00eb dosjen ku mbahet skedari <em>index.html<\/em>, dhe shkruajm\u00eb (opsioni me ndalimin e caching) rreshtin e m\u00ebposht\u00ebm p\u00ebr t\u00eb hapur n\u00eb shfletues adres\u00ebn <noindex><a rel=\"nofollow\" href=\"http:\/\/localhost:8080\/\"><em>http:\/\/localhost:8080<\/em><\/a><\/noindex>.<\/p>\n<p><\/p>\n<p><strong>Si shfaqen gabimet e kapura<\/strong><\/p>\n<p><\/p>\n<p>S\u00eb pari klikojm\u00eb mbi butonin <em>\u00abHello\u00bb<\/em>.<\/p>\n<p><\/p>\n<p><img decoding=\"async\" alt=\"Monitorimi i gabimeve me Sentry n\u00eb aplikacionet frontend t\u00eb shkruara n\u00eb JavaScript: Pjesa 1\" src=\"\/wp-content\/uploads\/2020\/06\/ce1390a129b56988a5630b65d7152b85.jpg\" style=\"display:block;margin: 0 auto;\" \/><\/p>\n<p><\/p>\n<p>Ne kap\u00ebm nj\u00eb gabim, prandaj ai nuk do t\u00eb ngjitet lart n\u00eb grack\u00ebn e thirrjeve, duke mos u monitoruar n\u00eb konsol\u00eb. Megjithat\u00eb, pasi e d\u00ebrgojm\u00eb n\u00eb <em>Sentry<\/em> raportin e gabimit manualisht, do ta shohim mesazhin e tij n\u00eb llogarin\u00eb ton\u00eb.<\/p>\n<p><\/p>\n<p><img decoding=\"async\" alt=\"Monitorimi i gabimeve me Sentry n\u00eb aplikacionet frontend t\u00eb shkruara n\u00eb JavaScript: Pjesa 1\" src=\"\/wp-content\/uploads\/2020\/06\/4660395849c963cf6b6bce03cdf74013.jpg\" style=\"display:block;margin: 0 auto;\" \/><\/p>\n<p><\/p>\n<p>Sh\u00ebnime:<\/p>\n<p><\/p>\n<ul>\n<li>Mund t\u00eb ndjekim se n\u00eb cilin rresht (24) u p\u00ebrfshi gabimi<\/li>\n<li>P\u00ebr m\u00eb tep\u00ebr, sinnja e navigimit tregon veprimet e shfletuesit q\u00eb \u00e7uan n\u00eb gabim.<\/li>\n<\/ul>\n<p><\/p>\n<p><strong>Si shfaqen gabimet e pa kapura<\/strong><\/p>\n<p><\/p>\n<p>Klikojm\u00eb butonin <em>\u00abGabim\u00bb.<\/em><\/p>\n<p><\/p>\n<p><img decoding=\"async\" alt=\"Monitorimi i gabimeve me Sentry n\u00eb aplikacionet frontend t\u00eb shkruara n\u00eb JavaScript: Pjesa 1\" src=\"\/wp-content\/uploads\/2020\/06\/d6b3e92ac9bda497d6bb5f2987bef8d9.jpg\" style=\"display:block;margin: 0 auto;\" \/><\/p>\n<p><\/p>\n<p>Gabimi ngjitet n\u00eb maj\u00eb t\u00eb stack-ut t\u00eb thirrjeve dhe, k\u00ebshtu, shfaqet nj\u00eb mesazh gabimi n\u00eb konsol\u00eb. Pas k\u00ebsaj, Sentry monitoron automatikisht gabimin pa asnj\u00eb veprim shtes\u00eb.<\/p>\n<p><\/p>\n<p><img decoding=\"async\" alt=\"Monitorimi i gabimeve me Sentry n\u00eb aplikacionet frontend t\u00eb shkruara n\u00eb JavaScript: Pjesa 1\" src=\"\/wp-content\/uploads\/2020\/06\/554ada29ebadba636ad7e0edb0b8a104.jpg\" style=\"display:block;margin: 0 auto;\" \/><\/p>\n<p><\/p>\n<p>Sh\u00ebnime:<\/p>\n<p><\/p>\n<ul>\n<li>Mund t\u00eb shohim se n\u00eb cil\u00ebn rresht (30) humbi gabimi<\/li>\n<li>Nuk \u00ebsht\u00eb parashikuar sinnja e navigimit (nuk e kuptoj plot\u00ebsisht pse)<\/li>\n<\/ul>\n<p><\/p>\n<p><strong>Si t\u00eb sigurojm\u00eb projektin<\/strong><\/p>\n<p><\/p>\n<p>Ndoshta keni v\u00ebn\u00eb re se si kontrollojm\u00eb faqet q\u00eb mund t\u00eb d\u00ebrgojn\u00eb raporte gabimesh n\u00eb projektin ton\u00eb <em>Sentry<\/em>; p\u00ebrmes <em>dsn<\/em> sh\u00ebnimeve. Problemi \u00ebsht\u00eb se \u00e7do kush q\u00eb shikon kodin burimor t\u00eb faqes tuaj mund ta shoh\u00eb hyrjen.<\/p>\n<p><\/p>\n<p>Q\u00eb t\u00eb mos ndodh\u00eb kjo, duhet t\u00eb kufizoni numrin e domain-eve q\u00eb mund t\u00eb d\u00ebrgojn\u00eb raporte gabimesh n\u00eb projektin ton\u00eb. N\u00eb k\u00ebt\u00eb shembull, ne p\u00ebrdor\u00ebm <em>localhost<\/em> (localhost). Kjo opsion konfigurimi \u00ebsht\u00eb n\u00eb seksionin e cil\u00ebsimeve <em>Sentry<\/em>-t\u00eb projektit, <em>Cil\u00ebsimi i Projektit Sentry<\/em>.<\/p>\n<p><\/p>\n<p><img decoding=\"async\" alt=\"Monitorimi i gabimeve me Sentry n\u00eb aplikacionet frontend t\u00eb shkruara n\u00eb JavaScript: Pjesa 1\" src=\"\/wp-content\/uploads\/2020\/06\/fc8990a261c2c3673a9b8eda6eaf1fd0.jpg\" style=\"display:block;margin: 0 auto;\" \/><\/p>\n<p><\/p>\n<p><strong>L\u00ebshimet<\/strong><\/p>\n<p><\/p>\n<p>N\u00ebse mendojm\u00eb se si t\u00eb p\u00ebrdorim <em>Sentry<\/em> n\u00eb variacione t\u00eb ndryshme t\u00eb aplikacionit ton\u00eb, ne kemi nevoj\u00eb p\u00ebr nj\u00eb mekaniz\u00ebm q\u00eb do t\u00eb sh\u00ebnoj\u00eb gabimet me numrin e versionit.<\/p>\n<p><\/p>\n<p>Nuk duhet q\u00eb nj\u00eb bug t\u00eb korrigjuar prej nesh t\u00eb dal\u00eb p\u00ebrs\u00ebri, nd\u00ebrsa ne t\u00eb mendojm\u00eb se nuk funksionoi ajo q\u00eb e kemi rregulluar. Mund t\u00eb ndodh\u00eb q\u00eb p\u00ebrdoruesi t\u00eb ket\u00eb nisur nj\u00eb version m\u00eb t\u00eb vjet\u00ebr, t\u00eb \u043a\u0435\u0448uar t\u00eb aplikacionit.<\/p>\n<p><\/p>\n<p>P\u00ebr t\u00eb zgjidhur problemin, duhet t\u00eb shkruani identifikuesin <em>e rrethit<\/em> (versionit) n\u00eb fillim <em>Sentry<\/em>.<\/p>\n<p><\/p>\n<p><em>vanilla \/ index.html<\/em><\/p>\n<p><\/p>\n<pre><code class=\"javascript\">...\nvar RELEASE = '0.1.0';\nSentry.init({\n  dsn: 'https:\/\/b5bf359072254626aba8e64368e77b7d@sentry.io\/1289664',\n  release: RELEASE,\n});\n...<\/code><\/pre>\n<p><\/p>\n<p>Pas k\u00ebsaj, t\u00eb gjitha gabimet e reja do t\u00eb sh\u00ebnoheshin si <em>version (0.1.0)<\/em>, q\u00eb do t\u00eb thot\u00eb se do t\u00eb lidhen me versionin e duhur t\u00eb kodit.<\/p>\n<p><\/p>\n<p><img decoding=\"async\" alt=\"Monitorimi i gabimeve me Sentry n\u00eb aplikacionet frontend t\u00eb shkruara n\u00eb JavaScript: Pjesa 1\" src=\"\/wp-content\/uploads\/2020\/06\/b9776d3b6f9ebe94915c53374937dddc.jpg\" style=\"display:block;margin: 0 auto;\" \/><\/p>\n<p><\/p>\n<p>Sh\u00ebnime:<\/p>\n<p><\/p>\n<ul>\n<li>Ne shqyrtuam nj\u00eb m\u00ebnyr\u00eb t\u00eb thjesht\u00eb se si t\u00eb p\u00ebrdorim rrethin<\/li>\n<li>Sentry lejon t\u00eb aplikojm\u00eb m\u00eb <noindex><a rel=\"nofollow\" href=\"https:\/\/docs.sentry.io\/learn\/releases\/?platform=javascript\"><em>t\u00eb nd\u00ebrlikuar<\/em> t\u00eb tyre <em>p\u00ebrdorimit<\/em><\/a><\/noindex>, e cila \u00ebsht\u00eb e lidhur ngusht\u00eb me <em>GitHub<\/em>. Ky funksion ofron mund\u00ebsin\u00eb p\u00ebr t\u00eb ndjekur gabimet deri n\u00eb kryerjen e operacioneve t\u00eb caktuara.<\/li>\n<\/ul>\n<p><\/p>\n<p>P.S. Pjesa e dyt\u00eb \u00ebsht\u00eb m\u00eb e gjat\u00eb, prandaj do t\u00eb jet\u00eb n\u00eb nj\u00eb postim t\u00eb ve\u00e7ant\u00eb.<\/p>\n<p><\/p>\n<p>P.S Grupi Telegram Sentry <noindex><a rel=\"nofollow\" href=\"https:\/\/t.me\/sentry_ru\">https:\/\/t.me\/sentry_ru<\/a><\/noindex><\/p>\n<p><\/p>\n<p>P.S. Harrova t\u00eb p\u00ebrmend q\u00eb ky \u00ebsht\u00eb nj\u00eb p\u00ebrkthim i postit <noindex><a rel=\"nofollow\" href=\"https:\/\/codeburst.io\/sentry-error-reporting-by-example-part-1-999b2df11556\">https:\/\/codeburst.io\/sentry-error-reporting-by-example-part-1-999b2df11556<\/a><\/noindex><\/p>\n<p>Burimi: <a content=\"nofollow\" rel=\"nofollow\" href=\"https:\/\/habr.com\/ru\/post\/508686\/\">habr.com<\/a> <\/p>","protected":false,"gt_translate_keys":[{"key":"rendered","format":"html"}]},"excerpt":{"rendered":"<p>\u0421\u0435\u0440\u0432\u0438\u0441 Sentry \u043f\u043e\u0437\u0432\u043e\u043b\u044f\u0435\u0442 \u0443\u0434\u0430\u043b\u0435\u043d\u043d\u043e \u043c\u043e\u043d\u0438\u0442\u043e\u0440\u0438\u0442\u044c \u0431\u0430\u0433\u0438 \u0432 \u0444\u0440\u043e\u043d\u0442\u0435\u043d\u0434-\u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f\u0445, \u043d\u0430\u043f\u0438\u0441\u0430\u043d\u043d\u044b\u0445 \u043d\u0430 JavaScript. \u041f\u043e\u043f\u044b\u0442\u043a\u0430 \u0443\u0441\u0442\u0440\u0430\u043d\u0438\u0442\u044c \u043f\u0440\u043e\u0431\u043b\u0435\u043c\u044b \u0432 \u0444\u0440\u043e\u043d\u0442\u0435\u043d\u0434-\u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f\u0445 \u043d\u0430 JavaScript \u043c\u043e\u0436\u0435\u0442 \u043e\u043a\u0430\u0437\u0430\u0442\u044c\u0441\u044f \u043d\u0435\u043f\u0440\u043e\u0441\u0442\u043e\u0439 \u0437\u0430\u0434\u0430\u0447\u043a\u043e\u0439, \u043f\u043e\u0441\u043a\u043e\u043b\u044c\u043a\u0443 \u043e\u043d\u0438 \u0432\u043e\u0437\u043d\u0438\u043a\u0430\u044e\u0442 \u0432 \u0431\u0440\u0430\u0443\u0437\u0435\u0440\u0435 \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044f, \u043a \u0447\u0435\u043c\u0443, \u0437\u0430\u0447\u0430\u0441\u0442\u0443\u044e, \u0443 \u0432\u0430\u0441 \u043d\u0435\u0442 \u0434\u043e\u0441\u0442\u0443\u043f\u0430. \u041e\u0434\u043d\u0430\u043a\u043e, Sentry \u0434\u0430\u0435\u0442 \u0432\u043e\u0437\u043c\u043e\u0436\u043d\u043e\u0441\u0442\u044c \u0443\u0434\u0430\u043b\u0435\u043d\u043d\u043e \u043c\u043e\u043d\u0438\u0442\u043e\u0440\u0438\u0442\u044c \u0431\u0430\u0433\u0438. \u0417\u0434\u0435\u0441\u044c \u043c\u043e\u0436\u043d\u043e \u0441\u043a\u0430\u0447\u0430\u0442\u044c \u0440\u0435\u0448\u0435\u043d\u0438\u044f, \u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u0440\u0430\u0441\u0441\u043c\u0430\u0442\u0440\u0438\u0432\u0430\u043b\u0438\u0441\u044c \u0432 \u044d\u0442\u043e\u0439 \u0441\u0442\u0430\u0442\u044c\u0435. \u0427\u0442\u043e \u043d\u0435\u043e\u0431\u0445\u043e\u0434\u0438\u043c\u043e \u0415\u0441\u043b\u0438 \u0432\u044b [&hellip;]<\/p>\n","protected":false,"gt_translate_keys":[{"key":"rendered","format":"html"}]},"author":1,"featured_media":86854,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[688],"tags":[],"class_list":["post-86853","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-administrirovanie"],"aioseo_notices":[],"aioseo_head":"\n\t\t<!-- All in One SEO 4.9.10 - aioseo.com -->\n\t<meta name=\"description\" content=\"\u0421\u0435\u0440\u0432\u0438\u0441 Sentry \u043f\u043e\u0437\u0432\u043e\u043b\u044f\u0435\u0442 \u0443\u0434\u0430\u043b\u0435\u043d\u043d\u043e \u043c\u043e\u043d\u0438\u0442\u043e\u0440\u0438\u0442\u044c \u0431\u0430\u0433\u0438 \u0432 \u0444\u0440\u043e\u043d\u0442\u0435\u043d\u0434-\u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f\u0445, \u043d\u0430\u043f\u0438\u0441\u0430\u043d\u043d\u044b\u0445 \u043d\u0430 JavaScript. \u041f\u043e\u043f\u044b\u0442\u043a\u0430 \u0443\u0441\u0442\u0440\u0430\u043d\u0438\u0442\u044c \u043f\u0440\u043e\u0431\u043b\u0435\u043c\u044b \u0432 \u0444\u0440\u043e\u043d\u0442\u0435\u043d\u0434-\u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f\u0445 \u043d\u0430 JavaScript \u043c\u043e\u0436\u0435\u0442 \u043e\u043a\u0430\u0437\u0430\u0442\u044c\u0441\u044f \u043d\u0435\u043f\u0440\u043e\u0441\u0442\u043e\u0439 \u0437\u0430\u0434\u0430\u0447\u043a\u043e\u0439, \u043f\u043e\u0441\u043a\u043e\u043b\u044c\u043a\u0443 \u043e\u043d\u0438 \u0432\u043e\u0437\u043d\u0438\u043a\u0430\u044e\u0442 \u0432 \u0431\u0440\u0430\u0443\u0437\u0435\u0440\u0435 \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044f, \u043a \u0447\u0435\u043c\u0443, \u0437\u0430\u0447\u0430\u0441\u0442\u0443\u044e, \u0443 \u0432\u0430\u0441 \u043d\u0435\u0442 \u0434\u043e\u0441\u0442\u0443\u043f\u0430. \u041e\u0434\u043d\u0430\u043a\u043e, Sentry \u0434\u0430\u0435\u0442 \u0432\u043e\u0437\u043c\u043e\u0436\u043d\u043e\u0441\u0442\u044c \u0443\u0434\u0430\u043b\u0435\u043d\u043d\u043e \u043c\u043e\u043d\u0438\u0442\u043e\u0440\u0438\u0442\u044c \u0431\u0430\u0433\u0438. \u0417\u0434\u0435\u0441\u044c \u043c\u043e\u0436\u043d\u043e \u0441\u043a\u0430\u0447\u0430\u0442\u044c \u0440\u0435\u0448\u0435\u043d\u0438\u044f, \u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u0440\u0430\u0441\u0441\u043c\u0430\u0442\u0440\u0438\u0432\u0430\u043b\u0438\u0441\u044c \u0432 \u044d\u0442\u043e\u0439 \u0441\u0442\u0430\u0442\u044c\u0435. \u0427\u0442\u043e \u043d\u0435\u043e\u0431\u0445\u043e\u0434\u0438\u043c\u043e \u0415\u0441\u043b\u0438 \u0432\u044b\" \/>\n\t<meta name=\"robots\" content=\"max-image-preview:large\" \/>\n\t<meta name=\"author\" content=\"Yuri Gagarin\"\/>\n\t<link rel=\"canonical\" href=\"https:\/\/prohoster.info\/sq\/blog\/administrirovanie\/monitoring-oshibok-s-pomoshhyu-sentry-vo-frontend-prilozheniyah-napisannyh-na-javascript-chast-1\" \/>\n\t<meta name=\"generator\" content=\"All in One SEO (AIOSEO) 4.9.10\" \/>\n\t\t<meta property=\"og:locale\" content=\"sq_AL\" \/>\n\t\t<meta property=\"og:site_name\" content=\"ProHoster | \u041a\u0443\u043f\u0438\u0442\u044c \u043d\u0430\u0434\u0435\u0436\u043d\u044b\u0439 \u0445\u043e\u0441\u0442\u0438\u043d\u0433 \u0434\u043b\u044f \u0441\u0430\u0439\u0442\u043e\u0432 \u0441 \u0437\u0430\u0449\u0438\u0442\u043e\u0439 \u043e\u0442 DDoS, VPS VDS \u0441\u0435\u0440\u0432\u0435\u0440\u044b\" \/>\n\t\t<meta property=\"og:type\" content=\"article\" \/>\n\t\t<meta property=\"og:title\" content=\"\ud83e\udd47\u041c\u043e\u043d\u0438\u0442\u043e\u0440\u0438\u043d\u0433 \u043e\u0448\u0438\u0431\u043e\u043a \u0441 \u043f\u043e\u043c\u043e\u0449\u044c\u044e Sentry \u0432\u043e \u0444\u0440\u043e\u043d\u0442\u0435\u043d\u0434-\u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f\u0445, \u043d\u0430\u043f\u0438\u0441\u0430\u043d\u043d\u044b\u0445 \u043d\u0430 JavaScript: \u0427\u0430\u0441\u0442\u044c 1 | ProHoster\" \/>\n\t\t<meta property=\"og:description\" content=\"\u0421\u0435\u0440\u0432\u0438\u0441 Sentry \u043f\u043e\u0437\u0432\u043e\u043b\u044f\u0435\u0442 \u0443\u0434\u0430\u043b\u0435\u043d\u043d\u043e \u043c\u043e\u043d\u0438\u0442\u043e\u0440\u0438\u0442\u044c \u0431\u0430\u0433\u0438 \u0432 \u0444\u0440\u043e\u043d\u0442\u0435\u043d\u0434-\u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f\u0445, \u043d\u0430\u043f\u0438\u0441\u0430\u043d\u043d\u044b\u0445 \u043d\u0430 JavaScript. \u041f\u043e\u043f\u044b\u0442\u043a\u0430 \u0443\u0441\u0442\u0440\u0430\u043d\u0438\u0442\u044c \u043f\u0440\u043e\u0431\u043b\u0435\u043c\u044b \u0432 \u0444\u0440\u043e\u043d\u0442\u0435\u043d\u0434-\u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f\u0445 \u043d\u0430 JavaScript \u043c\u043e\u0436\u0435\u0442 \u043e\u043a\u0430\u0437\u0430\u0442\u044c\u0441\u044f \u043d\u0435\u043f\u0440\u043e\u0441\u0442\u043e\u0439 \u0437\u0430\u0434\u0430\u0447\u043a\u043e\u0439, \u043f\u043e\u0441\u043a\u043e\u043b\u044c\u043a\u0443 \u043e\u043d\u0438 \u0432\u043e\u0437\u043d\u0438\u043a\u0430\u044e\u0442 \u0432 \u0431\u0440\u0430\u0443\u0437\u0435\u0440\u0435 \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044f, \u043a \u0447\u0435\u043c\u0443, \u0437\u0430\u0447\u0430\u0441\u0442\u0443\u044e, \u0443 \u0432\u0430\u0441 \u043d\u0435\u0442 \u0434\u043e\u0441\u0442\u0443\u043f\u0430. \u041e\u0434\u043d\u0430\u043a\u043e, Sentry \u0434\u0430\u0435\u0442 \u0432\u043e\u0437\u043c\u043e\u0436\u043d\u043e\u0441\u0442\u044c \u0443\u0434\u0430\u043b\u0435\u043d\u043d\u043e \u043c\u043e\u043d\u0438\u0442\u043e\u0440\u0438\u0442\u044c \u0431\u0430\u0433\u0438. \u0417\u0434\u0435\u0441\u044c \u043c\u043e\u0436\u043d\u043e \u0441\u043a\u0430\u0447\u0430\u0442\u044c \u0440\u0435\u0448\u0435\u043d\u0438\u044f, \u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u0440\u0430\u0441\u0441\u043c\u0430\u0442\u0440\u0438\u0432\u0430\u043b\u0438\u0441\u044c \u0432 \u044d\u0442\u043e\u0439 \u0441\u0442\u0430\u0442\u044c\u0435. \u0427\u0442\u043e \u043d\u0435\u043e\u0431\u0445\u043e\u0434\u0438\u043c\u043e \u0415\u0441\u043b\u0438 \u0432\u044b\" \/>\n\t\t<meta property=\"og:url\" content=\"https:\/\/prohoster.info\/sq\/blog\/administrirovanie\/monitoring-oshibok-s-pomoshhyu-sentry-vo-frontend-prilozheniyah-napisannyh-na-javascript-chast-1\" \/>\n\t\t<meta property=\"og:image\" content=\"https:\/\/prohoster.info\/wp-content\/uploads\/2021\/11\/logo-350.jpg\" \/>\n\t\t<meta property=\"og:image:secure_url\" content=\"https:\/\/prohoster.info\/wp-content\/uploads\/2021\/11\/logo-350.jpg\" \/>\n\t\t<meta property=\"og:image:width\" content=\"350\" \/>\n\t\t<meta property=\"og:image:height\" content=\"350\" \/>\n\t\t<meta property=\"article:published_time\" content=\"2020-06-30T17:41:57+00:00\" \/>\n\t\t<meta property=\"article:modified_time\" content=\"2020-06-30T17:41:57+00:00\" \/>\n\t\t<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/prohoster\" \/>\n\t\t<meta property=\"article:author\" content=\"https:\/\/www.facebook.com\/prohoster\" \/>\n\t\t<!-- All in One SEO -->\n\n","aioseo_head_json":{"title":"\ud83e\udd47Monitorimi i gabimeve me Sentry n\u00eb aplikacionet frontend t\u00eb shkruara n\u00eb JavaScript: Pjesa 1 | ProHoster","description":"Sh\u00ebrbimi Sentry lejon monitorimin n\u00eb distanc\u00eb t\u00eb gabimeve n\u00eb aplikacionet frontend t\u00eb shkruara n\u00eb JavaScript. P\u00ebrpjekja p\u00ebr t\u00eb zgjidhur problemet n\u00eb aplikacionet frontend t\u00eb JavaScript mund t\u00eb jet\u00eb nj\u00eb detyr\u00eb e v\u00ebshtir\u00eb, pasi ato ndodhin n\u00eb shfletuesin e p\u00ebrdoruesit, n\u00eb t\u00eb cilin, shpeshher\u00eb, nuk keni qasje. Megjithat\u00eb, Sentry ofron mund\u00ebsin\u00eb p\u00ebr t\u00eb monitoruar gabimet n\u00eb distanc\u00eb. K\u00ebtu mund t\u00eb shkarkoni zgjidhjet q\u00eb u shqyrtuan n\u00eb k\u00ebt\u00eb artikull. \u00c7far\u00eb nevojitet N\u00ebse ju","canonical_url":"https:\/\/prohoster.info\/sq\/blog\/administrirovanie\/monitoring-oshibok-s-pomoshhyu-sentry-vo-frontend-prilozheniyah-napisannyh-na-javascript-chast-1","robots":"max-image-preview:large","keywords":"","webmasterTools":{"miscellaneous":""},"schema":null,"og:locale":"sq_AL","og:site_name":"ProHoster | \u041a\u0443\u043f\u0438\u0442\u044c \u043d\u0430\u0434\u0435\u0436\u043d\u044b\u0439 \u0445\u043e\u0441\u0442\u0438\u043d\u0433 \u0434\u043b\u044f \u0441\u0430\u0439\u0442\u043e\u0432 \u0441 \u0437\u0430\u0449\u0438\u0442\u043e\u0439 \u043e\u0442 DDoS, VPS VDS \u0441\u0435\u0440\u0432\u0435\u0440\u044b","og:type":"article","og:title":"\ud83e\udd47\u041c\u043e\u043d\u0438\u0442\u043e\u0440\u0438\u043d\u0433 \u043e\u0448\u0438\u0431\u043e\u043a \u0441 \u043f\u043e\u043c\u043e\u0449\u044c\u044e Sentry \u0432\u043e \u0444\u0440\u043e\u043d\u0442\u0435\u043d\u0434-\u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f\u0445, \u043d\u0430\u043f\u0438\u0441\u0430\u043d\u043d\u044b\u0445 \u043d\u0430 JavaScript: \u0427\u0430\u0441\u0442\u044c 1 | ProHoster","og:description":"\u0421\u0435\u0440\u0432\u0438\u0441 Sentry \u043f\u043e\u0437\u0432\u043e\u043b\u044f\u0435\u0442 \u0443\u0434\u0430\u043b\u0435\u043d\u043d\u043e \u043c\u043e\u043d\u0438\u0442\u043e\u0440\u0438\u0442\u044c \u0431\u0430\u0433\u0438 \u0432 \u0444\u0440\u043e\u043d\u0442\u0435\u043d\u0434-\u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f\u0445, \u043d\u0430\u043f\u0438\u0441\u0430\u043d\u043d\u044b\u0445 \u043d\u0430 JavaScript. \u041f\u043e\u043f\u044b\u0442\u043a\u0430 \u0443\u0441\u0442\u0440\u0430\u043d\u0438\u0442\u044c \u043f\u0440\u043e\u0431\u043b\u0435\u043c\u044b \u0432 \u0444\u0440\u043e\u043d\u0442\u0435\u043d\u0434-\u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f\u0445 \u043d\u0430 JavaScript \u043c\u043e\u0436\u0435\u0442 \u043e\u043a\u0430\u0437\u0430\u0442\u044c\u0441\u044f \u043d\u0435\u043f\u0440\u043e\u0441\u0442\u043e\u0439 \u0437\u0430\u0434\u0430\u0447\u043a\u043e\u0439, \u043f\u043e\u0441\u043a\u043e\u043b\u044c\u043a\u0443 \u043e\u043d\u0438 \u0432\u043e\u0437\u043d\u0438\u043a\u0430\u044e\u0442 \u0432 \u0431\u0440\u0430\u0443\u0437\u0435\u0440\u0435 \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044f, \u043a \u0447\u0435\u043c\u0443, \u0437\u0430\u0447\u0430\u0441\u0442\u0443\u044e, \u0443 \u0432\u0430\u0441 \u043d\u0435\u0442 \u0434\u043e\u0441\u0442\u0443\u043f\u0430. \u041e\u0434\u043d\u0430\u043a\u043e, Sentry \u0434\u0430\u0435\u0442 \u0432\u043e\u0437\u043c\u043e\u0436\u043d\u043e\u0441\u0442\u044c \u0443\u0434\u0430\u043b\u0435\u043d\u043d\u043e \u043c\u043e\u043d\u0438\u0442\u043e\u0440\u0438\u0442\u044c \u0431\u0430\u0433\u0438. \u0417\u0434\u0435\u0441\u044c \u043c\u043e\u0436\u043d\u043e \u0441\u043a\u0430\u0447\u0430\u0442\u044c \u0440\u0435\u0448\u0435\u043d\u0438\u044f, \u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u0440\u0430\u0441\u0441\u043c\u0430\u0442\u0440\u0438\u0432\u0430\u043b\u0438\u0441\u044c \u0432 \u044d\u0442\u043e\u0439 \u0441\u0442\u0430\u0442\u044c\u0435. \u0427\u0442\u043e \u043d\u0435\u043e\u0431\u0445\u043e\u0434\u0438\u043c\u043e \u0415\u0441\u043b\u0438 \u0432\u044b","og:url":"https:\/\/prohoster.info\/sq\/blog\/administrirovanie\/monitoring-oshibok-s-pomoshhyu-sentry-vo-frontend-prilozheniyah-napisannyh-na-javascript-chast-1","og:image":"https:\/\/prohoster.info\/wp-content\/uploads\/2021\/11\/logo-350.jpg","og:image:secure_url":"https:\/\/prohoster.info\/wp-content\/uploads\/2021\/11\/logo-350.jpg","og:image:width":350,"og:image:height":350,"article:published_time":"2020-06-30T17:41:57+00:00","article:modified_time":"2020-06-30T17:41:57+00:00","article:publisher":"https:\/\/www.facebook.com\/prohoster","article:author":"https:\/\/www.facebook.com\/prohoster"},"aioseo_meta_data":{"post_id":"86853","title":null,"description":null,"keywords":null,"keyphrases":null,"primary_term":null,"canonical_url":null,"og_title":null,"og_description":null,"og_object_type":"default","og_image_type":"default","og_image_url":null,"og_image_width":null,"og_image_height":null,"og_image_custom_url":null,"og_image_custom_fields":null,"og_video":null,"og_custom_url":null,"og_article_section":null,"og_article_tags":null,"twitter_use_og":false,"twitter_card":"default","twitter_image_type":"default","twitter_image_url":null,"twitter_image_custom_url":null,"twitter_image_custom_fields":null,"twitter_title":null,"twitter_description":null,"schema":{"blockGraphs":[],"customGraphs":[],"default":{"data":{"Article":[],"Course":[],"Dataset":[],"FAQPage":[],"Movie":[],"Person":[],"Product":[],"ProductReview":[],"Car":[],"Recipe":[],"Service":[],"SoftwareApplication":[],"WebPage":[]},"graphName":"","isEnabled":true},"graphs":[]},"schema_type":null,"schema_type_options":null,"pillar_content":false,"robots_default":true,"robots_noindex":false,"robots_noarchive":false,"robots_nosnippet":false,"robots_nofollow":false,"robots_noimageindex":false,"robots_noodp":false,"robots_notranslate":false,"robots_max_snippet":null,"robots_max_videopreview":null,"robots_max_imagepreview":"large","priority":null,"frequency":null,"local_seo":null,"seo_analyzer_scan_date":null,"breadcrumb_settings":null,"limit_modified_date":false,"reviewed_by":null,"ai":null,"created":"2021-02-28 14:05:27","updated":"2022-09-30 20:48:17"},"gt_translate_keys":[{"key":"link","format":"url"}],"_links":{"self":[{"href":"https:\/\/prohoster.info\/sq\/wp-json\/wp\/v2\/posts\/86853","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/prohoster.info\/sq\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/prohoster.info\/sq\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/prohoster.info\/sq\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/prohoster.info\/sq\/wp-json\/wp\/v2\/comments?post=86853"}],"version-history":[{"count":0,"href":"https:\/\/prohoster.info\/sq\/wp-json\/wp\/v2\/posts\/86853\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/prohoster.info\/sq\/wp-json\/wp\/v2\/media\/86854"}],"wp:attachment":[{"href":"https:\/\/prohoster.info\/sq\/wp-json\/wp\/v2\/media?parent=86853"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/prohoster.info\/sq\/wp-json\/wp\/v2\/categories?post=86853"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/prohoster.info\/sq\/wp-json\/wp\/v2\/tags?post=86853"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}