Tento článok ilustruje postup vytvárania pripojení webSocket v Node.js.
Ako vytvoriť pripojenia WebSocket v Node.js?
Pripojenie WebSocket pozostáva z dvoch častí: vývoja na strane klienta a na strane servera. Je tiež potrebné vytvoriť fiktívnu webovú stránku, ktorá funguje ako médium medzi oboma stranami. Jeho používaním sa správy prenášajú z oboch strán. Navštívte nižšie uvedené kroky na vytvorenie WebSocket v NodeJs.
Krok 1: Nastavenie prostredia NodeJs
S pomocou „ cd “, prejdite cez priečinok projektu a v ňom vykonajte príkaz “ npm init -y ” na inštaláciu predvolených modulov NodeJs:
npm init - a
Po vykonaní vyššie uvedeného príkazu sa nový súbor s názvom „ package.json “, ktorý ukladá základné informácie súvisiace s projektom sa vytvorí:
Krok 2: Inštalácia modulu WebSocket
Ak chcete použiť protokol WebSocket, modul s názvom „ ws ” je potrebné nainštalovať v projekte NodeJs. Príkaz na inštaláciu je vložený nižšie:
npm install ws
Nižšie uvedený výstup zobrazuje „ ws ” bol nainštalovaný do požadovaného adresára NodeJs:
Krok 3: Nastavenie servera WebSocket
Ak chcete nastaviť serverovú stranu protokolu webSocket, vytvorte nový „ .js “napíšte súbor do priečinka projektu s názvom “ serverSide “ a vložte nižšie uvedený kód:
konšt wsObj = vyžadovať ( 'ws' ) ;konšt ws = Nový wsObj. Server ( { prístav : 3000 } ) ;
konzoly. log ( 'Linuxhint Server sa spustil' ) ;
Vysvetlenie vyššie uvedeného kódu je nasledovné:
- Najprv s pomocou „ vyžadovať() “ metóda, “ ws “modul, ktorý je už nainštalovaný vo vyššie uvedenej časti, sa importuje do aktuálneho “ serverSide.js “.
- Ďalej vyvolajte „ Server() “ metóda využívajúca objekt „ ws “modul s názvom “ wsObj “ a zadajte číslo portu „ 3000 ” na spustenie servera na zadanom porte Localhost.
- Tiež zobrazte nejakú náhodnú správu cez okno konzoly, aby ste potvrdili, že server sa spustil z konca servera.
Krok 4: Nastavenie klienta WebSocket
Vytvorte ďalší súbor s názvom „ na strane klienta ” na nastavenie strany klienta, ktorá sa pripojí k serveru. Vložte nižšie uvedený kód na nastavenie základnej strany klienta, ktorá po pripojení cez server zobrazí náhodnú správu:
konšt obj = Nový WebSocket ( 'ws://localhost:3000' ) ;obj. addEventListener ( 'OTVORENÉ' , ( ) => {
konzoly. log ( 'Ste pripojení k serveru Linuxhint!' ) ;
} ) ;
Popis vyššie uvedeného bloku kódu:
- Najprv vytvorte nový objekt pre „ WebSocket() ” protokol, ktorý sa počúva na Localhost s číslom portu “ 3000 “.
- Potom uložte nový objekt do premennej s názvom „ obj “.
- Potom pripojte prijímač udalosti „ OTVORENÉ ' s tým ' obj “. Tento poslucháč udalostí vykoná anonymnú funkciu, keď sa server načíta na Localhost s poskytnutým číslom portu.
- Funkcia zobrazí na konzole náhodnú správu súvisiacu s pripojením.
Krok 5: Vytvorenie webovej stránky
V adresári projektu vytvorte „ .html ” typ súboru s názvom “ index “, ktorý obsahuje základnú štruktúru HTML spolu s jednou značkou skriptu na importovanie „ clientSide.js súbor:
DOCTYPE html >< iba html = 'v' >
< hlavu >
< meta znaková sada = 'UTF-8' >
< titul > Zákazník titul >
hlavu >
< telo >
< h1 > Webová stránka Linuxhint h1 >
telo >
< skript src = 'clientSide.js' > skript >
html >
Krok 6: Realizácia
Otvor ' index.html ” cez webovú stránku priamo z adresára. Potom prejdite na terminál alebo príkazový riadok a vykonajte nasledujúci príkaz:
uzol na strane servera
Výstupná správa ukazuje, že server bol spustený.
Teraz bez zatvorenia servera prejdite na index.html a otvorte ho cez webový prehliadač. V okne konzoly sa zobrazí správa o úspešnom pripojení:
Výstup ukazuje, že spojenie bolo vytvorené medzi klientskou a serverovou stranou. Tento blog vysvetlil proces vytvárania pripojenia webSocket v NodeJs.
Záver
Ak chcete vytvoriť pripojenie webSocket v NodeJs, vytvorte nový projekt NodeJs a nainštalujte „ ws “ modul spustením „ npm install ws “príkaz. Teraz vytvorte súbor na strane servera a doň importujte súbor „ ws “. Tento modul použite na vytvorenie servera WebSocket na porte “ 3000 “. Vytvorte ďalší súbor na strane klienta, v ktorom potrebujete definovať nový objekt pre „ WebSocket “ s názvom “ obj “ a nechajte ho počúvať na porte “ 3000 “. Tento blog ilustroval postup na vytvorenie pripojenia WebSocket v NodeJs.