Tento článek ilustruje postup vytváření připojení webSocket v Node.js.
Jak vytvořit připojení WebSocket v Node.js?
Připojení WebSocket se skládá ze dvou částí: vývoje na straně klienta a na straně serveru. Je také potřeba vytvořit fiktivní web, který funguje jako médium mezi oběma stranami. Jeho používáním se zprávy přenášejí z obou stran. Navštivte níže uvedené kroky pro vytvoření WebSocket v NodeJs.
Krok 1: Nastavení prostředí NodeJs
S pomocí „ CD “, projděte složku projektu a v ní spusťte příkaz “ npm init -y ” pro instalaci výchozích modulů NodeJs:
npm init - a
Po provedení výše uvedeného příkazu se nový soubor s názvem „ package.json “, který ukládá základní informace související s projektem, se vytvoří:
Krok 2: Instalace modulu WebSocket
Chcete-li použít protokol WebSocket, modul s názvem „ ws ” je třeba nainstalovat do projektu NodeJs. Příkaz pro instalaci je vložen níže:
npm install ws
Níže uvedený výstup ukazuje „ ws ” byl nainstalován do požadovaného adresáře NodeJs:
Krok 3: Nastavení serveru WebSocket
Chcete-li nastavit serverovou stranu protokolu webSocket, vytvořte nový „ .js “ zadejte soubor do složky projektu s názvem “ na straně serveru “ a vložte níže uvedený kód:
konst wsObj = vyžadovat ( 'ws' ) ;konst ws = Nový wsObj. Server ( { přístav : 3000 } ) ;
řídicí panel. log ( 'Linuxhint Server byl spuštěn' ) ;
Vysvětlení výše uvedeného kódu je následující:
- Nejprve s pomocí „ vyžadovat() “ metoda, “ ws “modul, který je již nainstalován ve výše uvedené sekci, se importuje do aktuálního “ serverSide.js “.
- Dále vyvolejte „ Server() “ metoda využívající objekt “ ws “modul s názvem “ wsObj “ a předejte číslo portu „ 3000 ” pro spuštění serveru na zadaném portu Localhost.
- Také zobrazte v okně konzoly nějakou náhodnou zprávu, abyste potvrdili, že server byl spuštěn z konce serveru.
Krok 4: Nastavení klienta WebSocket
Vytvořte další soubor s názvem „ na straně klienta ” pro nastavení strany klienta, která se připojí k serveru. Vložte níže uvedený kód pro nastavení základní strany klienta, která po připojení přes server zobrazí náhodnou zprávu:
konst obj = Nový WebSocket ( 'ws://localhost:3000' ) ;obj. addEventListener ( 'OTEVŘENO' , ( ) => {
řídicí panel. log ( 'Jste připojeni k serveru Linuxhint!' ) ;
} ) ;
Popis výše uvedeného bloku kódu:
- Nejprve vytvořte nový objekt pro „ WebSocket() “ protokol, který se poslouchá na Localhost s číslem portu “ 3000 “.
- Poté uložte nový objekt do proměnné s názvem „ obj “.
- Poté připojte posluchač události „ OTEVŘENO ' s tím ' obj “. Tento posluchač událostí spustí anonymní funkci, když se server načte na Localhost se zadaným číslem portu.
- Funkce zobrazí na konzoli náhodnou zprávu související s připojením.
Krok 5: Vytvoření webové stránky
V adresáři projektu vytvořte „ .html ” typ souboru s názvem “ index “, který obsahuje základní strukturu HTML spolu s jedinou značkou skriptu pro import „ clientSide.js 'soubor:
DOCTYPE html >< pouze html = 'v' >
< hlava >
< meta znaková sada = 'UTF-8' >
< titul > Klient titul >
hlava >
< tělo >
< h1 > Web Linuxhint h1 >
tělo >
< skript src = 'clientSide.js' > skript >
html >
Krok 6: Provedení
Otevři ' index.html ” přes webovou stránku přímo z adresáře. Poté přejděte na terminál nebo příkazový řádek a proveďte níže uvedený příkaz:
uzel na straně serveru
Výstupní zpráva ukazuje, že server byl spuštěn.
Nyní bez zavírání serveru přejděte na index.html a otevřete jej přes webový prohlížeč. Zde se v okně konzoly objeví zpráva o úspěšném připojení:
Výstup ukazuje, že bylo navázáno spojení mezi klientskou a serverovou stranou. Tento blog vysvětlil proces vytváření připojení webSocket v NodeJs.
Závěr
Chcete-li vytvořit připojení webSocket v NodeJs, vytvořte nový projekt NodeJs a nainstalujte „ ws “ modul spuštěním „ npm install ws “příkaz. Nyní vytvořte soubor na straně serveru a do něj importujte soubor „ ws “modul. Tento modul použijte k vytvoření serveru WebSocket na portu “ 3000 “. Vytvořte další soubor na straně klienta, ve kterém potřebujete definovat nový objekt pro „ WebSocket “ s názvem “ obj “ a nechte jej poslouchat na portu “ 3000 “. Tento blog ilustruje postup vytvoření připojení WebSocket v NodeJs.