Co to jest port sieciowy?
Port sieciowy to numer logiczny używany do kierowania ruchu do konkretnej usługi działającej na danym komputerze. Sam adres localhost wskazuje komputer lokalny, a port określa, do której aplikacji ma trafić żądanie, np. localhost:3000 albo localhost:4200.
W aplikacjach webowych uruchamianych lokalnie port jest bardzo ważny, ponieważ na jednym komputerze może działać wiele usług jednocześnie. Każda z nich powinna nasłuchiwać na innym porcie.
Jak czytać zapis adresu?
W adresie:
http://localhost:3000
http– protokół komunikacji,localhost– komputer lokalny,3000– numer portu.
Porty w Angularze i React
Podczas pracy deweloperskiej frameworki i biblioteki często mają domyślne porty uruchomieniowe:
- React – najczęściej
3000, - Angular – najczęściej
4200.
Dlatego po uruchomieniu projektu w trybie developerskim otwiera się go zwykle w przeglądarce pod odpowiednim adresem, np.:
http://localhost:3000
http://localhost:4200
Ważne uwagi
- Port można zmienić w konfiguracji lub parametrze uruchomienia.
- Jeśli port jest już zajęty, aplikacja może zaproponować inny numer.
- W pytaniach egzaminacyjnych zwykle chodzi o porty domyślne, a nie niestandardowe ustawienia.
Przykład praktyczny
Jeśli uruchomisz projekt React poleceniem startowym, aplikacja zwykle będzie dostępna pod adresem:
localhost:3000
Jeśli uruchomisz projekt Angular, standardowo będzie to:
localhost:4200
Podsumowanie
Port sieciowy identyfikuje usługę działającą na komputerze. W kontekście lokalnych aplikacji webowych jest kluczowy do poprawnego otwarcia projektu w przeglądarce. Na egzaminie warto zapamiętać: React – 3000, Angular – 4200.