Mentionsy Mentionsy
Subiektywny Frontend
Subiektywny Frontend

Po co i czym monitorować frontend? Airbrake, Sentry, ELK RUM - używać czy nie?

24.10.2025 ·16 min 36 s

Odcinek opublikowany 08.08.2025🚀 Czy monitoring frontendu ma sens? W dzisiejszym odcinku dzielimy się naszymi opiniami na temat narzędzi takich jak Sentry, Airbrake, ELK RUM i HotJar. Z grubsza omawiamy, jak łatwe są w użyciu i jakie korzyści przynoszą. Dyskutujemy, dlaczego warto monitorować frontend i jak te narzędzia mogą ułatwić życie programistom.Artykuł gdzie poruszona jest kwestia nadużywania Google Analytics: http://prawo.vagla.pl/node/9693💡 Dołącz do dyskusji w komentarzach! Jakie masz doświadczenia z tymi narzędziami? Czy uważasz, że monitoring frontendu jest niezbędny?🔗 Subskrybuj nasz kanał, aby nie przegapić więcej opinii i dyskusji na temat technologii frontendowych!#frontend #monitoring #Sentry #Airbrake #ELK #HotJar00:00 - Start00:57 - Po co monitorować frontend?02:22 - Sentry04:12 - Airbrake05:11 - ELK RUM07:49 - HotJar09:46 - Prywatność a trackery typu Google Analytics11:32 - Szklana kula

No to trzeba zdewagować, tylko że w sumie nie wiemy co. Więc monitoring odpowiada nam na to pytanie, ponieważ zbiera nam po prostu logi produkcyjne lub testowe ze środowiska naszego użytkownika. Czyli nasza przeglądarka wysyła po prostu logi błędów albo zachowań. No i właśnie tutaj pojawiają się narzędzia, które są myślę, że w dobrej aplikacji niezbędne. Takie narzędzia jak Sentry, Elk RUM czy Airbrake. I dzisiaj chcielibyśmy właśnie opowiedzieć o naszych doświadczeniach z tymi narzędziami. Nie będziemy przechodzić przez taki przegląd co jest dostępne na rynku, bo w zasadzie jak piszecie w Google to wyskoczy wam mnóstwo informacji i całe listy narzędzi. Więc skupimy się na tym co po prostu znamy.

Zacznijmy od cen. Co to jest i na co to komu? Wprowadzając to narzędzie masz możliwość od razu rejestrować Błędy w naszej aplikacji, czyli zazwyczaj to są błędy NGS-owe. Bez konieczności konfigurowania czegokolwiek mamy defaultowe dashboardy, które są dostępne dla nas i to jest fajne w Sentry, że niewiele rzeczy trzeba konfigurować. Możemy jechać na tym, co tak naprawdę jest od razu dostępne. Sentry chyba pozycjonuje się na jako takie bardzo łatwe do setupu, nie? Czyli tam chyba jest bardzo prosty setup, ale przede wszystkim samo narzędzie jest skrojone już pod po prostu monitoring. Tak, tak. Jest to narzędzie, które Ma dwa główne zadania, czyli rozwiązuje dwa główne zadania, czyli monitoring błędów i monitoring performance, czyli wydajności aplikacji.

Czyli oprócz tego, że mamy out of the box monitorowanie błędów, to możemy tam też dodawać nasze customowe rzeczy, które dotyczą, nie wiem, performance'u. Mamy też monitoring właśnie takiego performance'u Webcore Vitals out of the box, ale ogółem praca z tymi błędami jest bardzo trudna. Ja bym powiedział, że jakbyśmy wzięli te trzy narzędzia, to mamy Airbrake, OK, monitorujemy tylko błędy, ale próg wejścia jest niski, to łatwo setupować, później mamy Sentry, który daje troszkę więcej, może troszkę więcej trzeba tam pogrzebać, a dalej mamy... Elka. Ja bym tego nie pokazał tutaj, tylko gdzieś tak o, o, o, o, o. To prawda, to było bardziej zgodne z rzeczywistością. Więc Elk RUM jest bardzo wszechstronny i jeśli mamy kogoś, kto może nam pomóc, na przykład z Kibaną, bo Kibana to jest po prostu taki wizualna nakładka, to jest UI do Elastica.

To super, to co jest na plus w Elastiku, to to, że możesz mieć własną instancję tego. To super dla dużych firm, no to jest, no ma to gigantyczne znaczenie, gdzie są trzymane Twoje logi i że trzymasz je sam. Ale jeśli chodzi o prób wejścia, to no tak jak mówisz, Airbrake, Sentry i daleko, daleko, daleko ELK. Oprócz Sentry, Elkruma i Airbrake'a mamy jeszcze takie narzędzie, które się nazywa Hotjar. Hotjar jest to bardzo przydatne i bardzo fajne narzędzie, które pozwala monitorować zachowanie użytkownika na stronie, czyli tworzenie tzw. hitmap. Hitmapy pozwalają nam pokazać, gdzie użytkownik spędził ile czasu na naszej stronie, w co klikał. Dzięki temu wiemy, na czym my się powinniśmy skupić, żeby

Pokazano wszystkie 4 dopasowania. Transkrypcja generowana automatycznie i niesprawdzana ręcznie — może zawierać błędy.