{"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\/hu\/blog\/administrirovanie\/monitoring-oshibok-s-pomoshhyu-sentry-vo-frontend-prilozheniyah-napisannyh-na-javascript-chast-1","title":{"rendered":"Hib\u00e1k figyel\u00e9se Sentry seg\u00edts\u00e9g\u00e9vel JavaScript-re \u00edrt frontend alkalmaz\u00e1sokban: 1. r\u00e9sz","gt_translate_keys":[{"key":"rendered","format":"text"}]},"content":{"rendered":"<p>Szolg\u00e1ltat\u00e1s <em>Sentry<\/em> lehet\u0151v\u00e9 teszi a hib\u00e1k t\u00e1voli nyomon k\u00f6vet\u00e9s\u00e9t a frontend alkalmaz\u00e1sokban, amelyeket <em>JavaScript<\/em>.<\/p>\n<p><\/p>\n<p><img decoding=\"async\" alt=\"Hib\u00e1k figyel\u00e9se Sentry seg\u00edts\u00e9g\u00e9vel JavaScript-re \u00edrt frontend alkalmaz\u00e1sokban: 1. r\u00e9sz\" src=\"\/wp-content\/uploads\/2020\/06\/26936c2af48cb0d849eca4abd21b7deb.jpg\" style=\"display:block;margin: 0 auto;\" \/><\/p>\n<p><\/p>\n<p>A frontend alkalmaz\u00e1sok hib\u00e1inak elh\u00e1r\u00edt\u00e1sa <em>JavaScript<\/em> nem mindig egyszer\u0171 feladat, mivel ezek a felhaszn\u00e1l\u00f3 b\u00f6ng\u00e9sz\u0151j\u00e9ben jelentkeznek, amelyhez gyakran nincs hozz\u00e1f\u00e9r\u00e9sed. Ugyanakkor, <em>Sentry<\/em> lehet\u0151v\u00e9 teszi a hib\u00e1k t\u00e1voli nyomon k\u00f6vet\u00e9s\u00e9t.<\/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\">Itt<\/a><\/noindex> lehet let\u00f6lteni a cikkben bemutatott megold\u00e1sokat.<\/p>\n<p><\/p>\n<p><strong>Amire sz\u00fcks\u00e9g van<\/strong><\/p>\n<p><\/p>\n<p>Ha szeretn\u00e9d haszn\u00e1lni ezeket a p\u00e9ld\u00e1kat, akkor sz\u00fcks\u00e9ged lesz:<\/p>\n<p><\/p>\n<ul>\n<li><noindex><a rel=\"nofollow\" href=\"https:\/\/nodejs.org\/en\/\"><em>Node.js<\/em><\/a><\/noindex>: Olyan multifunkcion\u00e1lis fejleszt\u0151i eszk\u00f6z, amely nem r\u00e9sze az alkalmaz\u00e1snak. Mi az utols\u00f3 LTS-verzi\u00f3t (8.12.0) t\u00f6lt\u00f6tt\u00fck le.<\/li>\n<li><em>Sentry<\/em>: Vagy fi\u00f3k a Sentry szolg\u00e1ltat\u00e1sban (ingyenesen r\u00f6gz\u00edthet\u0151 havi 10 ezer hiba) vagy egy telep\u00edtett helyi 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>Telep\u00edt\u00e9s a szerveredre<\/strong><\/p>\n<p><\/p>\n<p>A Sentry On-Premise telep\u00edt\u00e9s\u00e9hez a szerveredre k\u00e9t utat v\u00e1laszthatsz<\/p>\n<p><\/p>\n<ol>\n<li>\n<p>RPM csomagokat gy\u0171jteni \u00e9s telep\u00edteni \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>Haszn\u00e1lj hivatalos telep\u00edt\u0151t:<\/p>\n<p><\/p>\n<pre><code class=\"plaintext\">Telep\u00edtsd a szerverre a dockert \u00e9s a docker-compose-t\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>Alapvet\u0151 haszn\u00e1lat<\/strong><\/p>\n<p><\/p>\n<p>Az ind\u00edt\u00e1shoz adj hozz\u00e1 egy \u00faj projektet a szolg\u00e1ltat\u00e1s website-j\u00e1r\u00f3l. <em>Sentry<\/em>A megfelel\u0151 nyelv kiv\u00e1laszt\u00e1sa ut\u00e1n megkapod a vonatkoz\u00f3 dokument\u00e1ci\u00f3t. A mi eset\u00fcnkben <em>JavaScript<\/em>.<\/p>\n<p><\/p>\n<p>Az els\u0151 p\u00e9lda - standard <em>JavaScript<\/em>. Itt k\u00e9t gomb tal\u00e1lhat\u00f3: <em>\"Hello\"<\/em> (Hell\u00f3) \u00e9s <em>\"Error\"<\/em> (Hiba).<\/p>\n<p><\/p>\n<p>Miut\u00e1n r\u00e1kattintott\u00e1l a gombra <em>\"Hello\"<\/em>, a k\u00e9perny\u0151 \u00fajrat\u00f6lt\u0151dik, \u00e9s a blokk <em>try<\/em> \u00e9szleli \u00e9s elkapja a hib\u00e1t. Miut\u00e1n a hiba \"elkapva\" van, a hiba jelent\u00e9se k\u00e9zzel ker\u00fcl tov\u00e1bb\u00edt\u00e1sra a szolg\u00e1ltat\u00e1sra. <em>Sentry<\/em>.<\/p>\n<p><\/p>\n<p>Az \"Error\" gomb egyszer\u0171en csak a hiba \u00e9szlel\u00e9s\u00e9re szolg\u00e1l.<\/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;Hell&oacute;&lt;\/button&gt;\n  &lt;button id=&quot;error&quot;&gt;Hiba&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>Megjegyz\u00e9sek:<\/p>\n<p><\/p>\n<ul>\n<li>A Sentry CDN-b\u0151l telep\u00fcl, \u00e9s glob\u00e1lis v\u00e1ltoz\u00f3k\u00e9nt jelenik meg.<\/li>\n<li>Kicsit kor\u00e1bban elind\u00edtottuk a Sentry-t a JavaScript\u00fcnkben.<\/li>\n<\/ul>\n<p><\/p>\n<p>Ennek a p\u00e9lda tesztel\u00e9s\u00e9re haszn\u00e1lhatunk statikus webszerver platformot <em>Node.js<\/em>: <em>http-szervert<\/em>. Menj\u00fcnk abba a mapp\u00e1ba, ahol a f\u00e1jl tal\u00e1lhat\u00f3, \u00e9s \u00edrjunk be (a lehet\u0151s\u00e9g a gyors\u00edt\u00f3t\u00e1r letilt\u00e1s\u00e1ra) a k\u00f6vetkez\u0151 sort annak \u00e9rdek\u00e9ben, hogy a b\u00f6ng\u00e9sz\u0151ben megnyissuk a c\u00edmet <em>index.html<\/em>Hogyan jelennek meg a elkapott hib\u00e1k <noindex><a rel=\"nofollow\" href=\"http:\/\/localhost:8080\/\"><em>http:\/\/localhost:8080<\/em><\/a><\/noindex>.<\/p>\n<p><\/p>\n<p><strong>El\u0151sz\u00f6r r\u00e1kattintunk a gombra<\/strong><\/p>\n<p><\/p>\n<p>Elkaptuk a hib\u00e1t, \u00edgy nem fog felemelkedni a h\u00edv\u00e1si veremben, ez\u00e9rt nem ker\u00fcl nyomon k\u00f6vet\u00e9sre a konzolban. Azonban mivel k\u00e9zileg elk\u00fcldj\u00fck a <em>\"Hello\"<\/em>.<\/p>\n<p><\/p>\n<p><img decoding=\"async\" alt=\"Hib\u00e1k figyel\u00e9se Sentry seg\u00edts\u00e9g\u00e9vel JavaScript-re \u00edrt frontend alkalmaz\u00e1sokban: 1. r\u00e9sz\" src=\"\/wp-content\/uploads\/2020\/06\/ce1390a129b56988a5630b65d7152b85.jpg\" style=\"display:block;margin: 0 auto;\" \/><\/p>\n<p><\/p>\n<p>hibajelent\u00e9st, l\u00e1tni fogjuk az \u00fczenetet a fi\u00f3kban. <em>Sentry<\/em> Nyomon k\u00f6vethetj\u00fck, hogy melyik sorban (24) b\u00fajt meg a hiba.<\/p>\n<p><\/p>\n<p><img decoding=\"async\" alt=\"Hib\u00e1k figyel\u00e9se Sentry seg\u00edts\u00e9g\u00e9vel JavaScript-re \u00edrt frontend alkalmaz\u00e1sokban: 1. r\u00e9sz\" src=\"\/wp-content\/uploads\/2020\/06\/4660395849c963cf6b6bce03cdf74013.jpg\" style=\"display:block;margin: 0 auto;\" \/><\/p>\n<p><\/p>\n<p>Megjegyz\u00e9sek:<\/p>\n<p><\/p>\n<ul>\n<li>Ezenk\u00edv\u00fcl a navig\u00e1ci\u00f3s l\u00e1nc megjelen\u00edti a b\u00f6ng\u00e9sz\u0151 \u00e1ltal v\u00e9grehajtott cselekv\u00e9seket, amelyek a hib\u00e1hoz vezettek.<\/li>\n<li>Hogyan jelennek meg a nem elkapott hib\u00e1k<\/li>\n<\/ul>\n<p><\/p>\n<p><strong>Hogyan jelennek meg a meg nem fogott hib\u00e1k<\/strong><\/p>\n<p><\/p>\n<p>Kattints a gombra <em>\u00abHiba\u00bb.<\/em><\/p>\n<p><\/p>\n<p><img decoding=\"async\" alt=\"Hib\u00e1k figyel\u00e9se Sentry seg\u00edts\u00e9g\u00e9vel JavaScript-re \u00edrt frontend alkalmaz\u00e1sokban: 1. r\u00e9sz\" src=\"\/wp-content\/uploads\/2020\/06\/d6b3e92ac9bda497d6bb5f2987bef8d9.jpg\" style=\"display:block;margin: 0 auto;\" \/><\/p>\n<p><\/p>\n<p>A hiba felugrik a h\u00edv\u00e1si veremben, \u00edgy a konzolon megjelenik a hiba\u00fczenet. Ezt k\u00f6vet\u0151en a Sentry automatikusan figyeli a hib\u00e1t, tov\u00e1bbi l\u00e9p\u00e9sek n\u00e9lk\u00fcl.<\/p>\n<p><\/p>\n<p><img decoding=\"async\" alt=\"Hib\u00e1k figyel\u00e9se Sentry seg\u00edts\u00e9g\u00e9vel JavaScript-re \u00edrt frontend alkalmaz\u00e1sokban: 1. r\u00e9sz\" src=\"\/wp-content\/uploads\/2020\/06\/554ada29ebadba636ad7e0edb0b8a104.jpg\" style=\"display:block;margin: 0 auto;\" \/><\/p>\n<p><\/p>\n<p>Megjegyz\u00e9sek:<\/p>\n<p><\/p>\n<ul>\n<li>L\u00e1thatjuk, hogy melyik sorban (30) t\u0171nt el a hiba<\/li>\n<li>Nincs el\u0151ir\u00e1nyzott navig\u00e1ci\u00f3s l\u00e1nc (nem igaz\u00e1n \u00e9rtem, mi\u00e9rt)<\/li>\n<\/ul>\n<p><\/p>\n<p><strong>Hogyan biztos\u00edtsuk a projekt biztons\u00e1g\u00e1t<\/strong><\/p>\n<p><\/p>\n<p>Val\u00f3sz\u00edn\u0171leg \u00e9szrevetted, hogyan ellen\u0151rizz\u00fck azokat az oldalakat, amelyek hibajelent\u00e9seket k\u00fcldhetnek a projekt\u00fcnkbe <em>Sentry<\/em>; ennek seg\u00edts\u00e9g\u00e9vel <em>dsn<\/em> rekordok. A probl\u00e9ma az, hogy b\u00e1rki, aki megn\u00e9zi az oldalad forr\u00e1sk\u00f3dj\u00e1t, l\u00e1thatja a bejegyz\u00e9seket.<\/p>\n<p><\/p>\n<p>Ennek elker\u00fcl\u00e9se \u00e9rdek\u00e9ben korl\u00e1tozni kell azokat a domaineket, amelyek hibajelent\u00e9seket k\u00fcldhetnek a projekt\u00fcnkbe. Ebben a p\u00e9ld\u00e1ban <em>localhost<\/em> (helyi hoszt) haszn\u00e1ltuk. Ez az opci\u00f3 a be\u00e1ll\u00edt\u00e1sok f\u00fcl\u00f6n konfigur\u00e1lhat\u00f3 <em>Sentry<\/em>-projektek, <em>Sentry Projekt Be\u00e1ll\u00edt\u00e1s<\/em>.<\/p>\n<p><\/p>\n<p><img decoding=\"async\" alt=\"Hib\u00e1k figyel\u00e9se Sentry seg\u00edts\u00e9g\u00e9vel JavaScript-re \u00edrt frontend alkalmaz\u00e1sokban: 1. r\u00e9sz\" src=\"\/wp-content\/uploads\/2020\/06\/fc8990a261c2c3673a9b8eda6eaf1fd0.jpg\" style=\"display:block;margin: 0 auto;\" \/><\/p>\n<p><\/p>\n<p><strong>Kiad\u00e1sok<\/strong><\/p>\n<p><\/p>\n<p>Ha arra gondolunk, hogyan haszn\u00e1lhatjuk <em>Sentry<\/em> k\u00fcl\u00f6nb\u00f6z\u0151 v\u00e1ltozataiban a alkalmaz\u00e1sunknak, sz\u00fcks\u00e9g van egy mechanizmusra, amely a hib\u00e1k verzi\u00f3sz\u00e1mmal val\u00f3 jel\u00f6l\u00e9s\u00e9t v\u00e9gzi.<\/p>\n<p><\/p>\n<p>Nem szeretn\u00e9nk, ha a jav\u00edtott hiba \u00fajra megjelenne, m\u00edg mi azt gondoljuk, hogy az, amit jav\u00edtottunk, nem m\u0171k\u00f6d\u00f6tt. Az is lehet, hogy a felhaszn\u00e1l\u00f3 egy r\u00e9gebbi, gyors\u00edt\u00f3t\u00e1razott verzi\u00f3t ind\u00edtott el.<\/p>\n<p><\/p>\n<p>A probl\u00e9ma megold\u00e1s\u00e1hoz a kiad\u00e1si azonos\u00edt\u00f3t kell fel\u00edrni <em>kiad\u00e1s<\/em> (verzi\u00f3) indul\u00e1skor <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>Ezt k\u00f6vet\u0151en minden \u00faj hiba \u00fagy lesz megjel\u00f6lve, mint <em>release (0.1.0)<\/em>, vagyis a megfelel\u0151 k\u00f3dverzi\u00f3hoz lesznek k\u00f6tve.<\/p>\n<p><\/p>\n<p><img decoding=\"async\" alt=\"Hib\u00e1k figyel\u00e9se Sentry seg\u00edts\u00e9g\u00e9vel JavaScript-re \u00edrt frontend alkalmaz\u00e1sokban: 1. r\u00e9sz\" src=\"\/wp-content\/uploads\/2020\/06\/b9776d3b6f9ebe94915c53374937dddc.jpg\" style=\"display:block;margin: 0 auto;\" \/><\/p>\n<p><\/p>\n<p>Megjegyz\u00e9sek:<\/p>\n<p><\/p>\n<ul>\n<li>Megbesz\u00e9lt\u00fck az egyszer\u0171 m\u00f3dj\u00e1t a kiad\u00e1sok haszn\u00e1lat\u00e1nak<\/li>\n<li>A Sentry lehet\u0151v\u00e9 teszi, hogy bonyolultabb <noindex><a rel=\"nofollow\" href=\"https:\/\/docs.sentry.io\/learn\/releases\/?platform=javascript\"><em>megold\u00e1sokat<\/em> alkalmazzunk, amelyek szoros kapcsolatban \u00e1llnak a <em>haszn\u00e1lat<\/em><\/a><\/noindex>. Ez a funkci\u00f3 lehet\u0151v\u00e9 teszi a hib\u00e1k nyomon k\u00f6vet\u00e9s\u00e9t bizonyos m\u0171veletek el\u0151tt. <em>GitHub<\/em>P.S. A m\u00e1sodik r\u00e9sz hosszabb, ez\u00e9rt k\u00fcl\u00f6n bejegyz\u00e9sben lesz.<\/li>\n<\/ul>\n<p><\/p>\n<p>P.S Sentry Telegram csoport<\/p>\n<p><\/p>\n<p>P.S. Elfelejtettem megeml\u00edteni, hogy ez egy ford\u00edt\u00e1s poszt <noindex><a rel=\"nofollow\" href=\"https:\/\/t.me\/sentry_ru\">https:\/\/t.me\/sentry_ru<\/a><\/noindex><\/p>\n<p><\/p>\n<p>A Sentry szolg\u00e1ltat\u00e1s lehet\u0151v\u00e9 teszi a hib\u00e1k t\u00e1voli megfigyel\u00e9s\u00e9t JavaScript alap\u00fa frontend alkalmaz\u00e1sokban. <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>Forr\u00e1s: <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\/hu\/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=\"hu_HU\" \/>\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\/hu\/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\udd47Hib\u00e1k figyel\u00e9se Sentry seg\u00edts\u00e9g\u00e9vel JavaScript alap\u00fa frontend alkalmaz\u00e1sokban: 1. r\u00e9sz | ProHoster","description":"\ud83e\udd47Hib\u00e1k monitoroz\u00e1sa a Sentry seg\u00edts\u00e9g\u00e9vel JavaScript alap\u00fa frontend alkalmaz\u00e1sokban: 1. r\u00e9sz | ProHoster","canonical_url":"https:\/\/prohoster.info\/hu\/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":"hu_HU","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\/hu\/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\/hu\/wp-json\/wp\/v2\/posts\/86853","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/prohoster.info\/hu\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/prohoster.info\/hu\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/prohoster.info\/hu\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/prohoster.info\/hu\/wp-json\/wp\/v2\/comments?post=86853"}],"version-history":[{"count":0,"href":"https:\/\/prohoster.info\/hu\/wp-json\/wp\/v2\/posts\/86853\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/prohoster.info\/hu\/wp-json\/wp\/v2\/media\/86854"}],"wp:attachment":[{"href":"https:\/\/prohoster.info\/hu\/wp-json\/wp\/v2\/media?parent=86853"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/prohoster.info\/hu\/wp-json\/wp\/v2\/categories?post=86853"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/prohoster.info\/hu\/wp-json\/wp\/v2\/tags?post=86853"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}