Jak skonfigurować monitorowanie strony www w 5 minut (bezpłatnie)

„Dzień dobry, chciałem zakupić książkę w sklepie, ale wyświetla się komunikat, że dla mojej lokalizacji nie ma dostępnych metod płatności. Co mogę zrobić? Jestem z Gdańska.”
Jakiś czas temu dostałem taką wiadomość. Oczywiście nie dyskryminuję Gdańska. Jest to standardowy komunikat z WooCommerce, gdy nie ma skonfigurowanych metod płatności. Poszedł jakiś update i przestało działać, a ja nic o tym nie wiedziałem. Ile transakcji przez to straciłem? Nie wiem.
Od razu zacząłem szukać jak skonfigurować monitorowanie strony www, tak żeby uniknąć takich problemów w przyszłości.

W tym artykule pokażę Ci jak ustawić monitorowanie krok po kroku. Całkowicie bezpłatnie i w pełni elastycznie. Będzie też trochę technicznie.

Kiedy przydaje się monitoring strony www

Monitorowanie strony www przydaje się zawsze. Zarówno dla blogów takich jak ten, jak i dla zaawansowanych aplikacji biznesowych.

Różnice są w:

  • częstotliwości monitorowania,
  • detaliczności monitorowania,
  • szybkości reakcji,
  • narzędziach.

Cel jest zawsze taki sam – zorientować się jak najszybciej, że coś na stronie nie działa. A najlepiej jest, jak zorientujesz się zanim zrobią to użytkownicy.

Jeżeli więc budujesz prostą stronę, to od razu ustawiaj monitorowanie. Wdrażasz MVP – jeden z pierwszych tasków to monitorowanie. To prawie nic nie kosztuje. A wnosi nieco spokoju i może uratować przed niepotrzebnymi stratami.

Jakie są narzędzia do monitorowania stron

Narzędzi do monitorowania jest wiele. Jak wpiszesz zapytanie w Google, to dostaniesz dziesiątki wyników. Większość płatna z różnymi wersjami darmowymi.

Podzieliłem je na dwie kategorie – „gotowce” i „zrób to sam”.

Dedykowane narzędzia do monitorowania (gotowce)

Problem z monitorowaniem nie jest nowy, więc jest cała masa dedykowanych narzędzi. Zakładasz konto, wybierasz pakiet, podajesz adres strony i zaraz otrzymujesz wyniki.

Monitorowanie strony www jest więc banalne. Konfiguracja już niekoniecznie. Tak samo z dostępnymi parametrami do monitorowania. W przypadku takich narzędzi jesteś skazany na to, co dostarcza dane narzędzie lub na zakup drogiego pakietu, który będzie miał to, czego potrzebujesz.

Przykłady to:

Narzędzia do testowania i monitorowania API (zrób to sam)

Teraz pora na bardziej elastyczne rozwiązania. W sieci znajdziesz sporo narzędzi do testowania i monitorowania API. Jeżeli masz nieco wiedzy technicznej, to bez problemu się w nich odnajdziesz. A jeżeli temat testów API jest dla Ciebie nowy, to spokojnie. Zaraz wszystko wyjaśnię na przykładzie.

Dla mnie ogromnym plusem takiego rozwiązania jest możliwość skonfigurowania dowolnych scenariuszy testowych i parametrów do monitorowania.

Minusem jest to, że narzędzia do monitorowania API monitorują tylko…API. Czyli nie są w stanie wychwycić błędów typowych dla interfejsu użytkownika (UI).

Przykład – wykorzystanie narzędzia Postman do monitorowania strony www

Pora na konkretny przykład.

Skorzystam z popularnego narzędzia Postman, które służy do budowania, testowania i monitorowania API.

Wchodzisz na https://www.postman.com/ i zakładasz darmowe konto. Dobrze też pobrać od razu aplikację ze strony: https://www.postman.com/downloads/

1. Po uruchomieniu aplikacji w zakładce „Collections” naciskasz „+” i zakładasz nową kolekcję („Create new collection”). Nazwałem ją „_monitoring”.

monitorowanie strony www w postmanie - początek

2. Teraz dodamy pierwszą stronę do monitorowania. Przycisk „New” i potem „HTTP Request”.

monitorowanie http request postman

3. Wpisujesz adres strony (np. https://projectmakers.pl) i zapisujesz request do właśnie utworzonej kolekcji. Efekt końcowy powinien być jak poniżej:

dodawanie strony do monitorowania postman

4. I to już wszystko. Teraz możesz nacisnąć „Send” (z prawej strony), a w odpowiedzi wyświetli się zawartość strony.

5. Teraz klikasz jeszcze raz „New” i tym razem wybierasz „Monitor”

monitorowanie postman

6. Podajesz dowolną nazwę, wybierasz kolekcję – tę, którą właśnie utworzyłeś (u mnie „_monitoring”). Dalej ustawiasz jak często wykonywać sprawdzenie (domyślnie jest codziennie) i czy otrzymywać powiadomienia email w przypadku błędu. To ostatnie zdecydowanie polecam zostawić. O to przecież chodzi.

Wszystkie te ustawienia możesz później zmienić.

monitoring postman konfiguracja

7. Zapisujesz ustawienia i uruchamiasz monitoring („Run”). Wynik powinien być jak poniżej:

monitorowanie strony www - wyniki

I już, gotowe.

To jest zupełnie podstawowe ustawienie. Taki monitoring zwróci błąd tylko, jeżeli serwer całkowicie przestanie odpowiadać.

Te ustawienia nie wyłapią sytuacji gdy serwer odpowie, ale z pustą stroną, albo odpowie dopiero po kilkunastu sekundach. I wielu innych problemów, taki jak mój z brakującą metodą płatności.

Przejdźmy więc do przykładowych zaawansowanych ustawień.

Weryfikacja statusu odpowiedzi

Postman oferuje nieograniczone możliwości pisania testów w javascript, które następnie będą weryfikowane w ramach monitoringu. Nawet jeżeli nie znasz tego języka programowania to nie ma problemu. Podstawowe testy możesz wyklikać.

Wróć do „Collections”, wybierz utworzony request i przejdź na zakładkę „Tests”. Z prawej strony wyświetlają się typowe testy.

testy w postman

Kliknij „Status code: Code is 200”.

W treści „Tests” pojawi się tekst:

pm.test("Status code is 200", function () {
    pm.response.to.have.status(200);
});

Zapisz i wywołaj request. Od teraz Postman będzie weryfikował, czy odpowiedź z serwera to 200, czyli OK. Jeżeli otrzyma np. 404 (not found) to zaraportuje błąd.

Monitorowanie strony www zaczyna być coraz bardziej precyzyjne.
Idźmy więc dalej.

Weryfikacja czasu odpowiedzi

W podobny sposób wybierz „Response time is less than 200ms”.

Pojawi się test:

pm.test("Response time is less than 200ms", function () {
    pm.expect(pm.response.responseTime).to.be.below(200);
});

W którym wartość w nawiasach (200) możesz zmodyfikować na dowolną inną (w moim przypadku 200 ms jest nieosiągalne).

Weryfikacja czy tekst jest na stronie

Dobrą praktyką jest też sprawdzenie, czy konkretny tekst został zwrócony w ramach danej strony. W taki sposób jestem w stanie na przykład sprawdzić, czy na stronie jest dostępna metoda płatności.

Wybierz: „Response body: Contains string” i w tekście:

pm.test("Body matches string", function () {
    pm.expect(pm.response.text()).to.include("string_you_want_to_search");
});

zamień „string_you_want_to_search” na tekst, który spodziewasz się znaleźć na stronie.

Testowanie złożonych scenariuszy

Korzystając z Postmana możesz też przetestować cały proces, np. dodanie produktu do koszyka i zweryfikowanie czy dane produktu są prawidłowe na podsumowaniu zamówienia.

Jak to zrobić?

To już wyjaśniam w materiale wideo.

Ograniczenia monitorowania stron www w Postmanie

W wersji bezpłatnej możesz wywołać 1000 zapytań w ciągu miesiąca. Dla jednego requestu daje to możliwość monitorowania co godzinę. Dla większej liczby stron lub zapytań konieczne będzie zmniejszenie częstotliwości, lub upgrade do wersji płatnej.

Monitorowanie strony www przy pomocy Postmana jest naprawdę proste. Wszystko wyjaśniam jeszcze raz na poniższym nagraniu.

Monitoring w Postmanie w praktyce


Czytaj też o:

Witaj w Project Makers!

Cześć, jestem Artur.

Uruchomiłem bloga Project Makers po to, żeby pokazywać jak przy pomocy podstawowych narzędzi i zdrowego rozsądku, każdy może w krótkim czasie osiągnąć mistrzostwo w zwinnym zarządzaniu projektami.

A wszystko zaczęło się od niezaliczonych egzaminów z programowania
(czytaj dalej…)

Potrzebujesz konsultacji?
Umów BEZPŁATNE spotkanie!

bezpłatne konsultacje zarządzanie projektami

Partnerzy Project Makers

Szukasz ciekawych treści?

Najnowsze wpisy

  • All Post
  • Definiowanie wymagań
  • Narzędzia
  • Planowanie
  • Praca z celami
  • Rekomendacje
  • Rozmowy z ekspertami
  • Zarządzanie budżetem
  • Zarządzanie jakością
  • Zarządzanie zespołem

Znajdź na blogu

Szukasz ciekawych treści o Narzędziach, Automatyzacji i Wskaźnikach w Zarządzaniu Projektami?

Zapisz się do Newslettera Project Makers!
Najnowsze trendy, ciekawostki, narzędzia.
Tylko sprawdzone treści. 

Współpracuję z:

Project Makers
u. Dworcowa 8
44-240 Żory
artur@projectmakers.pl

Copyright © 2024 Project Makers