{"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\/cs\/blog\/administrirovanie\/monitoring-oshibok-s-pomoshhyu-sentry-vo-frontend-prilozheniyah-napisannyh-na-javascript-chast-1","title":{"rendered":"Monitorov\u00e1n\u00ed chyb pomoc\u00ed Sentry ve frontendov\u00fdch aplikac\u00edch psan\u00fdch v JavaScriptu: \u010c\u00e1st 1","gt_translate_keys":[{"key":"rendered","format":"text"}]},"content":{"rendered":"<p>SA-Frontend <em>Sentry<\/em> umo\u017e\u0148uje vzd\u00e1len\u011b sledovat chyby v frontendov\u00fdch aplikac\u00edch napsan\u00fdch na <em>JavaScript<\/em>.<\/p>\n<p><\/p>\n<p><img decoding=\"async\" alt=\"Monitorov\u00e1n\u00ed chyb pomoc\u00ed Sentry ve frontendov\u00fdch aplikac\u00edch psan\u00fdch v JavaScriptu: \u010c\u00e1st 1\" src=\"\/wp-content\/uploads\/2020\/06\/26936c2af48cb0d849eca4abd21b7deb.jpg\" style=\"display:block;margin: 0 auto;\" \/><\/p>\n<p><\/p>\n<p>Pok attempt to resolve issues in frontend applications on <em>JavaScript<\/em> m\u016f\u017ee b\u00fdt nelehk\u00fdm \u00fakolem, proto\u017ee se objevuj\u00ed v prohl\u00ed\u017ee\u010di u\u017eivatele, ke kter\u00e9mu \u010dasto nem\u00e1te p\u0159\u00edstup. Nicm\u00e9n\u011b, <em>Sentry<\/em> umo\u017e\u0148uje vzd\u00e1len\u011b sledovat chyby.<\/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\">Zde<\/a><\/noindex> m\u016f\u017eete si st\u00e1hnout \u0159e\u0161en\u00ed, kter\u00e1 byla projedn\u00e1na v tomto \u010dl\u00e1nku.<\/p>\n<p><\/p>\n<p><strong>Co je pot\u0159eba<\/strong><\/p>\n<p><\/p>\n<p>Pokud chcete vyu\u017e\u00edt tyto p\u0159\u00edklady, budete pot\u0159ebovat:<\/p>\n<p><\/p>\n<ul>\n<li><noindex><a rel=\"nofollow\" href=\"https:\/\/nodejs.org\/en\/\"><em>Node.js<\/em><\/a><\/noindex>: Multifunk\u010dn\u00ed n\u00e1stroj pro v\u00fdvoj, kter\u00fd nen\u00ed sou\u010d\u00e1st\u00ed aplikace. Stahovali jsme posledn\u00ed verzi LTS (8.12.0)<\/li>\n<li><em>Sentry<\/em>: Bu\u010f \u00fa\u010det ve slu\u017eb\u011b Sentry (m\u016f\u017eete zdarma zaznamen\u00e1vat a\u017e 10 tis\u00edc chyb m\u011bs\u00ed\u010dn\u011b) nebo nainstalovan\u00fd lok\u00e1ln\u00ed Sentry \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>Instalace na v\u00e1\u0161 server<\/strong><\/p>\n<p><\/p>\n<p>Pro instalaci Sentry On-Premise na v\u00e1\u0161 server m\u00e1te dv\u011b mo\u017enosti<\/p>\n<p><\/p>\n<ol>\n<li>\n<p>Sestavit rpm a nainstalovat je \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>Vyu\u017e\u00edt ofici\u00e1ln\u00edho instal\u00e1toru:<\/p>\n<p><\/p>\n<pre><code class=\"plaintext\">Nainstalujte na server docker a 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>Standardn\u00ed pou\u017eit\u00ed<\/strong><\/p>\n<p><\/p>\n<p>Abychom za\u010dali, p\u0159idejte z webu slu\u017eby nov\u00fd <em>Sentry<\/em>-projekt pro aplikaci. Po v\u00fdb\u011bru po\u017eadovan\u00e9ho jazyka obdr\u017e\u00edte odpov\u00eddaj\u00edc\u00ed dokumentaci. V na\u0161em p\u0159\u00edpad\u011b jsme vybrali <em>JavaScript<\/em>.<\/p>\n<p><\/p>\n<p>Prvn\u00ed p\u0159\u00edklad \u2014 standardn\u00ed <em>JavaScript<\/em>. Zde jsou dv\u011b tla\u010d\u00edtka: <em>\u201eHello\u201c<\/em> (Ahoj) a <em>\u201eError\u201c<\/em> (Chyba).<\/p>\n<p><\/p>\n<p>Po kliknut\u00ed na tla\u010d\u00edtko <em>\u201eHello\u201c<\/em>, obrazovka se znovu na\u010dte a blok <em>catch (Exception)<\/em> objev\u00ed a zachyt\u00ed chybu. Jakmile je chyba \u201ezachycena\u201c, zpr\u00e1va o chyb\u011b se ru\u010dn\u011b p\u0159epos\u00edl\u00e1 na slu\u017ebu <em>Sentry<\/em>.<\/p>\n<p><\/p>\n<p>Tla\u010d\u00edtko \u201eError\u201c jednodu\u0161e umo\u017e\u0148uje odhalit chybu.<\/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;Ahoj&lt;\/button&gt;\n  &lt;button id=&quot;error&quot;&gt;Chyba&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>Pozn\u00e1mky:<\/p>\n<p><\/p>\n<ul>\n<li>Sentry je nainstalov\u00e1n z CDN a zobrazuje se jako glob\u00e1ln\u00ed prom\u011bnn\u00e1<\/li>\n<li>O n\u011bco d\u0159\u00edve jsme spustili Sentry v na\u0161em JavaScriptu<\/li>\n<\/ul>\n<p><\/p>\n<p>Pro testov\u00e1n\u00ed tohoto p\u0159\u00edkladu m\u016f\u017eeme vyu\u017e\u00edt statickou webovou serverovou platformu <em>Node.js<\/em>: <em>http-server<\/em>. P\u0159ejd\u011bte do slo\u017eky, kde se nach\u00e1z\u00ed soubor <em>index.html<\/em>, a zadejte (mo\u017enost s zak\u00e1zan\u00fdm ukl\u00e1d\u00e1n\u00edm do mezipam\u011bti) n\u00e1sleduj\u00edc\u00ed \u0159\u00e1dek, abyste otev\u0159eli v prohl\u00ed\u017ee\u010di adresu <noindex><a rel=\"nofollow\" href=\"http:\/\/localhost:8080\/\"><em>http:\/\/localhost:8080<\/em><\/a><\/noindex>.<\/p>\n<p><\/p>\n<p><strong>Jak se zobrazuj\u00ed zachycen\u00e9 chyby<\/strong><\/p>\n<p><\/p>\n<p>Nejprve klikneme na tla\u010d\u00edtko <em>\u201eHello\u201c<\/em>.<\/p>\n<p><\/p>\n<p><img decoding=\"async\" alt=\"Monitorov\u00e1n\u00ed chyb pomoc\u00ed Sentry ve frontendov\u00fdch aplikac\u00edch psan\u00fdch v JavaScriptu: \u010c\u00e1st 1\" src=\"\/wp-content\/uploads\/2020\/06\/ce1390a129b56988a5630b65d7152b85.jpg\" style=\"display:block;margin: 0 auto;\" \/><\/p>\n<p><\/p>\n<p>Zachytili jsme chybu, tak\u017ee se neobjev\u00ed naho\u0159e ve stacku vol\u00e1n\u00ed, a proto nen\u00ed monitorov\u00e1na v konzoli. Nicm\u00e9n\u011b, proto\u017ee pos\u00edl\u00e1me do <em>Sentry<\/em> zpr\u00e1vu o chyb\u011b ru\u010dn\u011b, uvid\u00edme ozn\u00e1men\u00ed o n\u00ed ve sv\u00e9m \u00fa\u010dtu.<\/p>\n<p><\/p>\n<p><img decoding=\"async\" alt=\"Monitorov\u00e1n\u00ed chyb pomoc\u00ed Sentry ve frontendov\u00fdch aplikac\u00edch psan\u00fdch v JavaScriptu: \u010c\u00e1st 1\" src=\"\/wp-content\/uploads\/2020\/06\/4660395849c963cf6b6bce03cdf74013.jpg\" style=\"display:block;margin: 0 auto;\" \/><\/p>\n<p><\/p>\n<p>Pozn\u00e1mky:<\/p>\n<p><\/p>\n<ul>\n<li>M\u016f\u017eeme sledovat, na kter\u00e9m \u0159\u00e1dku (24) se chyba vkradla<\/li>\n<li>Krom\u011b toho naviga\u010dn\u00ed \u0159et\u011bzec zobrazuje akce prohl\u00ed\u017ee\u010de, kter\u00e9 vedly k chyb\u011b.<\/li>\n<\/ul>\n<p><\/p>\n<p><strong>Jak se zobrazuj\u00ed nezachycen\u00e9 chyby<\/strong><\/p>\n<p><\/p>\n<p>Klikn\u011bte na tla\u010d\u00edtko <em>\u201eError\u201c.<\/em><\/p>\n<p><\/p>\n<p><img decoding=\"async\" alt=\"Monitorov\u00e1n\u00ed chyb pomoc\u00ed Sentry ve frontendov\u00fdch aplikac\u00edch psan\u00fdch v JavaScriptu: \u010c\u00e1st 1\" src=\"\/wp-content\/uploads\/2020\/06\/d6b3e92ac9bda497d6bb5f2987bef8d9.jpg\" style=\"display:block;margin: 0 auto;\" \/><\/p>\n<p><\/p>\n<p>Chyba se zobrazuje v\u00fd\u0161e ve z\u00e1sobn\u00edku vol\u00e1n\u00ed, a tak se na konzoli zobraz\u00ed zpr\u00e1va o chyb\u011b. Pot\u00e9 Sentry automaticky monitoruje chybu bez jak\u00fdchkoliv dal\u0161\u00edch akc\u00ed.<\/p>\n<p><\/p>\n<p><img decoding=\"async\" alt=\"Monitorov\u00e1n\u00ed chyb pomoc\u00ed Sentry ve frontendov\u00fdch aplikac\u00edch psan\u00fdch v JavaScriptu: \u010c\u00e1st 1\" src=\"\/wp-content\/uploads\/2020\/06\/554ada29ebadba636ad7e0edb0b8a104.jpg\" style=\"display:block;margin: 0 auto;\" \/><\/p>\n<p><\/p>\n<p>Pozn\u00e1mky:<\/p>\n<p><\/p>\n<ul>\n<li>M\u016f\u017eeme vid\u011bt, v jak\u00e9m \u0159\u00e1dku (30) se chyba ztratila<\/li>\n<li>Nen\u00ed p\u0159edpokl\u00e1d\u00e1n naviga\u010dn\u00ed \u0159et\u011bzec (zcela nerozum\u00edm, pro\u010d)<\/li>\n<\/ul>\n<p><\/p>\n<p><strong>Jak zajistit bezpe\u010dnost projektu<\/strong><\/p>\n<p><\/p>\n<p>Mo\u017en\u00e1 jste si v\u0161imli zp\u016fsobu, jak\u00fdm kontrolujeme str\u00e1nky, kter\u00e9 mohou pos\u00edlat zpr\u00e1vy o chyb\u00e1ch do na\u0161eho projektu <em>Sentry<\/em>; pomoc\u00ed <em>dsn<\/em> z\u00e1znam\u016f. Probl\u00e9m spo\u010d\u00edv\u00e1 v tom, \u017ee p\u0159\u00edstup m\u016f\u017ee vid\u011bt ka\u017ed\u00fd, kdo si prohl\u00e9dne zdrojov\u00fd k\u00f3d va\u0161\u00ed str\u00e1nky.<\/p>\n<p><\/p>\n<p>Aby k tomu nedoch\u00e1zelo, je t\u0159eba omezit po\u010det dom\u00e9n, kter\u00e9 mohou zas\u00edlat zpr\u00e1vy o chyb\u00e1ch do na\u0161eho projektu. V tomto p\u0159\u00edkladu jsme pou\u017eili <em>localhost<\/em> (localhost). Tato mo\u017enost se nastavuje na kart\u011b nastaven\u00ed <em>Sentry<\/em>-projektu, <em>Nastaven\u00ed projektu Sentry<\/em>.<\/p>\n<p><\/p>\n<p><img decoding=\"async\" alt=\"Monitorov\u00e1n\u00ed chyb pomoc\u00ed Sentry ve frontendov\u00fdch aplikac\u00edch psan\u00fdch v JavaScriptu: \u010c\u00e1st 1\" src=\"\/wp-content\/uploads\/2020\/06\/fc8990a261c2c3673a9b8eda6eaf1fd0.jpg\" style=\"display:block;margin: 0 auto;\" \/><\/p>\n<p><\/p>\n<p><strong>Verze<\/strong><\/p>\n<p><\/p>\n<p>Kdy\u017e p\u0159em\u00fd\u0161l\u00edme o tom, jak pou\u017e\u00edvat <em>Sentry<\/em> v r\u016fzn\u00fdch variant\u00e1ch na\u0161\u00ed aplikace, pot\u0159ebujeme mechanismus, kter\u00fd bude ozna\u010dovat chyby \u010d\u00edslem verze.<\/p>\n<p><\/p>\n<p>Nechceme p\u0159ece, aby opraven\u00e1 chyba znovu vyvstala, zat\u00edmco budeme myslet, \u017ee to, co jsme opravili, nefungovalo. Mohlo by b\u00fdt tak\u00e9 mo\u017en\u00e9, \u017ee u\u017eivatel spustil star\u0161\u00ed, vyrovnanou verzi aplikace.<\/p>\n<p><\/p>\n<p>K vy\u0159e\u0161en\u00ed probl\u00e9mu je t\u0159eba napsat identifik\u00e1tor <em>verze<\/em> (verze) p\u0159i spu\u0161t\u011bn\u00ed <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>Pot\u00e9 budou v\u0161echny nov\u00e9 chyby ozna\u010deny jako <em>release (0.1.0)<\/em>, to znamen\u00e1, \u017ee budou spojeny se spr\u00e1vnou verz\u00ed k\u00f3du.<\/p>\n<p><\/p>\n<p><img decoding=\"async\" alt=\"Monitorov\u00e1n\u00ed chyb pomoc\u00ed Sentry ve frontendov\u00fdch aplikac\u00edch psan\u00fdch v JavaScriptu: \u010c\u00e1st 1\" src=\"\/wp-content\/uploads\/2020\/06\/b9776d3b6f9ebe94915c53374937dddc.jpg\" style=\"display:block;margin: 0 auto;\" \/><\/p>\n<p><\/p>\n<p>Pozn\u00e1mky:<\/p>\n<p><\/p>\n<ul>\n<li>Probrali jsme jednoduch\u00fd zp\u016fsob, jak pou\u017e\u00edvat verze<\/li>\n<li>Sentry umo\u017e\u0148uje aplikovat slo\u017eit\u011bj\u0161\u00ed <noindex><a rel=\"nofollow\" href=\"https:\/\/docs.sentry.io\/learn\/releases\/?platform=javascript\"><em>metodu<\/em> , kter\u00e1 \u00fazce souvis\u00ed s <em>pou\u017eit\u00ed<\/em><\/a><\/noindex>. Tato funkce umo\u017e\u0148uje sledovat chyby p\u0159ed proveden\u00edm ur\u010dit\u00fdch operac\u00ed. <em>GitHub<\/em>P.S. Druh\u00e1 \u010d\u00e1st bude del\u0161\u00ed, tak\u017ee bude v samostatn\u00e9m p\u0159\u00edsp\u011bvku.<\/li>\n<\/ul>\n<p><\/p>\n<p>P.S. Telegram chat Sentry<\/p>\n<p><\/p>\n<p>P.S. Zapomn\u011bl jsem uv\u00e9st, \u017ee toto je p\u0159eklad p\u0159\u00edsp\u011bvku <noindex><a rel=\"nofollow\" href=\"https:\/\/t.me\/sentry_ru\">https:\/\/t.me\/sentry_ru<\/a><\/noindex><\/p>\n<p><\/p>\n<p>Verze voln\u00e9ho syst\u00e9mu finan\u010dn\u00edho \u00fa\u010detnictv\u00ed GnuCash 4.0 <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>Zdroj: <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 5.0.3 - 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.\" \/>\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\/cs\/blog\/administrirovanie\/monitoring-oshibok-s-pomoshhyu-sentry-vo-frontend-prilozheniyah-napisannyh-na-javascript-chast-1\" \/>\n\t\t<meta name=\"generator\" content=\"All in One SEO (AIOSEO) 5.0.3\" \/>\n\t\t<meta property=\"og:locale\" content=\"cs_CZ\" \/>\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.\" \/>\n\t\t<meta property=\"og:url\" content=\"https:\/\/prohoster.info\/cs\/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\udd47Sledov\u00e1n\u00ed chyb pomoc\u00ed Sentry ve front-end aplikac\u00edch napsan\u00fdch v JavaScriptu: \u010c\u00e1st 1 | ProHoster","description":"\ud83e\udd47Monitorov\u00e1n\u00ed chyb pomoc\u00ed Sentry ve frontendov\u00fdch aplikac\u00edch, napsan\u00fdch v JavaScriptu: \u010c\u00e1st 1 | ProHoster","canonical_url":"https:\/\/prohoster.info\/cs\/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":"cs_CZ","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.","og:url":"https:\/\/prohoster.info\/cs\/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","focus_keyword":null,"additional_keywords":null,"truseo_locale":null},"gt_translate_keys":[{"key":"link","format":"url"}],"_links":{"self":[{"href":"https:\/\/prohoster.info\/cs\/wp-json\/wp\/v2\/posts\/86853","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/prohoster.info\/cs\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/prohoster.info\/cs\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/prohoster.info\/cs\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/prohoster.info\/cs\/wp-json\/wp\/v2\/comments?post=86853"}],"version-history":[{"count":0,"href":"https:\/\/prohoster.info\/cs\/wp-json\/wp\/v2\/posts\/86853\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/prohoster.info\/cs\/wp-json\/wp\/v2\/media\/86854"}],"wp:attachment":[{"href":"https:\/\/prohoster.info\/cs\/wp-json\/wp\/v2\/media?parent=86853"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/prohoster.info\/cs\/wp-json\/wp\/v2\/categories?post=86853"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/prohoster.info\/cs\/wp-json\/wp\/v2\/tags?post=86853"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}