W tym artykule przedstawiono procedurę tworzenia połączeń webSocket w Node.js.
Jak utworzyć połączenia WebSocket w Node.js?
Połączenie WebSocket składa się z dwóch części: rozwoju po stronie klienta i strony serwera. Należy również stworzyć fikcyjną stronę internetową, która będzie pełnić rolę medium pomiędzy obiema stronami. Dzięki niemu wiadomości są przesyłane z obu stron. Zapoznaj się z poniższymi krokami, aby utworzyć protokół WebSocket w NodeJs.
Krok 1: Konfigurowanie środowiska NodeJs
Przy pomocy „ płyta CD ”, przejdź przez folder projektu i w nim wykonaj polecenie „ npm init -y ”, aby zainstalować domyślne moduły NodeJs:
inicjacja npm - I
Po wykonaniu powyższego polecenia nowy plik o nazwie „ pakiet.json ”, w którym przechowywane są podstawowe informacje związane z projektem:
Krok 2: Instalacja modułu WebSocket
Aby korzystać z protokołu WebSocket, moduł o nazwie „ ws ” musi zostać zainstalowany w projekcie NodeJs. Polecenie instalacji znajduje się poniżej:
npm zainstaluj ws
Poniższe dane wyjściowe pokazują „ ws ” został zainstalowany w żądanym katalogu NodeJs:
Krok 3: Konfigurowanie serwera WebSocket
Aby skonfigurować protokół webSocket po stronie serwera, utwórz nowy plik „ .js ”wpisz plik w folderze projektu o nazwie” po stronie serwera ” i wstaw poniższy kod:
konst wsObj = wymagać ( „ws” ) ;konst ws = nowy wsObj. serwer ( { Port : 3000 } ) ;
konsola. dziennik ( „Serwer Linuxhint został uruchomiony” ) ;
Wyjaśnienie powyższego kodu jest następujące:
- Najpierw za pomocą „ wymagać() ”, metoda „ ws ”, który jest już zainstalowany w powyższej sekcji, zostanie zaimportowany do bieżącego „ serwerSide.js ' plik.
- Następnie wywołaj opcję „ Serwer() ” metodą wykorzystującą obiekt „ ws ” moduł o nazwie „ wsObj ” i podaj numer portu „ 3000 ”, aby uruchomić serwer na określonym porcie Localhost.
- Wyświetl także losowy komunikat w oknie konsoli, aby potwierdzić, że serwer został uruchomiony od strony serwera.
Krok 4: Konfigurowanie klienta WebSocket
Utwórz kolejny plik o nazwie „ Strona klienta ”, aby skonfigurować stronę klienta łączącą się z serwerem. Wstaw poniższy kod, aby skonfigurować podstawową stronę klienta, która wyświetla losowy komunikat po nawiązaniu połączenia przez serwer:
konst obj = nowy Gniazdo sieciowe ( „ws://localhost:3000” ) ;obj. dodajEventListener ( 'otwarty' , ( ) => {
konsola. dziennik ( „Masz połączenie z serwerem Linuxhint!” ) ;
} ) ;
Opis powyższego bloku kodu:
- Najpierw utwórz nowy obiekt dla „ Gniazdo sieciowe() ” protokół, który jest nasłuchiwany na serwerze Localhost posiadającym numer portu „ 3000 ”.
- Następnie zapisz nowy obiekt w zmiennej o nazwie „ obj ”.
- Następnie dołącz detektor zdarzeń „ otwarty ' z tym ' obj ”. Ten detektor zdarzeń wykona anonimową funkcję, gdy serwer zostanie załadowany na Localhost z podanym numerem portu.
- Funkcja wyświetla na konsoli losowy komunikat dotyczący połączenia.
Krok 5: Tworzenie strony internetowej
W katalogu projektu utwórz plik „ .html ” wpisz plik o nazwie „ indeks ”, który zawiera podstawową strukturę HTML wraz z pojedynczym znacznikiem skryptu do importowania „ klientSide.js ' plik:
DOCTYPEhtml >< tylko w HTML-u = 'W' >
< głowa >
< meta zestaw znaków = „UTF-8” >
< tytuł > Klient tytuł >
głowa >
< ciało >
< h1 > Witryna internetowa Linuxhinta h1 >
ciało >
< skrypt źródłowy = „clientSide.js” > scenariusz >
HTML >
Krok 6: Wykonanie
Otworzyć ' indeks.html ” na stronie bezpośrednio z katalogu. Następnie przejdź do terminala lub wiersza poleceń i wykonaj poniższe polecenie:
serwer węzła po stronie serwera
Komunikat wyjściowy pokazuje, że serwer został uruchomiony.
Teraz, bez zamykania serwera, przejdź do pliku Index.html i otwórz go w przeglądarce internetowej. Tam w oknie konsoli pojawi się komunikat o powodzeniu połączenia:
Dane wyjściowe pokazują, że połączenie zostało nawiązane między klientem a serwerem. W tym blogu wyjaśniono proces tworzenia połączenia webSocket w NodeJs.
Wniosek
Aby utworzyć połączenie webSocket w NodeJs, utwórz nowy projekt NodeJs i zainstaluj „ ws ”, uruchamiając moduł „ npm zainstaluj ws ' Komenda. Teraz utwórz plik po stronie serwera i zaimportuj do niego „ ws moduł. Użyj tego modułu, aby utworzyć serwer WebSocket na porcie „ 3000 ”. Utwórz kolejny plik po stronie klienta, w którym musisz zdefiniować nowy obiekt dla „ Gniazdo sieciowe ' o imieniu ' obj ” i spraw, by nasłuchiwał w porcie „ 3000 ”. W tym blogu zilustrowano procedurę ustanawiania połączenia WebSocket w NodeJs.