Ovaj članak ilustrira postupak za stvaranje webSocket veza u Node.js.
Kako stvoriti WebSocket veze u Node.js?
WebSocket veza sastoji se od dva dijela: razvoj na strani klijenta i strani poslužitelja. Također je potrebno izraditi lažnu web stranicu koja služi kao posrednik između obje strane. Njegovim korištenjem poruke se prenose s obje strane. Posjetite korake u nastavku za stvaranje WebSocketa u NodeJs.
Korak 1: Postavljanje okruženja NodeJs
Uz pomoć “ CD ”, prođite kroz mapu projekta i unutar nje izvršite naredbu “ npm init -y ” za instaliranje zadanih NodeJs modula:
npm init - i
Nakon izvršenja gornje naredbe, nova datoteka pod nazivom ' paket.json ” koja pohranjuje osnovne informacije vezane uz projekt nastaje:
Korak 2: Instaliranje WebSocket modula
Za korištenje WebSocket protokola modul pod nazivom ' ws ” treba instalirati u NodeJs projekt. Naredba za instalaciju je umetnuta ispod:
npm instalirati ws
Donji rezultat pokazuje ' ws ” je instaliran u željeni direktorij NodeJs:
Korak 3: Postavljanje WebSocket poslužitelja
Za postavljanje poslužiteljske strane webSocket protokola, stvorite novi ' .js ” upišite datoteku unutar mape projekta s nazivom “ poslužiteljska strana ” i umetnite dolje naveden kod:
konst wsObj = zahtijevati ( 'ws' ) ;konst ws = novi wsObj. poslužitelj ( { luka : 3000 } ) ;
konzola. log ( 'Linuxhint poslužitelj je pokrenut' ) ;
Objašnjenje gornjeg koda je sljedeće:
- Prvo, uz pomoć ' zahtijevati () ' metoda, ' ws ' modul koji je već instaliran u gornjem odjeljku uvozi se unutar trenutnog ' serverSide.js ' datoteka.
- Zatim pozovite ' poslužitelj() ' metoda koja koristi objekt ' ws ” modul pod nazivom “ wsObj ' i proslijedite broj priključka za ' 3000 ” za pokretanje poslužitelja na navedenom priključku Localhosta.
- Također, prikažite nasumične poruke preko prozora konzole kako biste potvrdili da je poslužitelj pokrenut s kraja poslužitelja.
Korak 4: Postavljanje WebSocket klijenta
Stvorite drugu datoteku s nazivom ' klijentska strana ” za postavljanje klijentske strane koja se povezuje s poslužiteljem. Umetnite donji kod za postavljanje osnovne klijentske strane koja prikazuje nasumične poruke kada se poveže preko poslužitelja:
konst obj = novi WebSocket ( 'ws://localhost:3000' ) ;obj. addEventListener ( 'otvoren' , ( ) => {
konzola. log ( 'Spojeni ste na Linuxhint poslužitelj!' ) ;
} ) ;
Opis za gornji blok koda:
- Prvo stvorite novi objekt za ' WebSocket() ' protokol koji se sluša na lokalnom hostu koji ima broj porta ' 3000 ”.
- Zatim pohranite novi objekt u varijablu pod nazivom ' obj ”.
- Nakon toga priložite slušatelja događaja ' otvoren ' s ovim ' obj ”. Ovaj slušatelj događaja izvršit će anonimnu funkciju kada se poslužitelj učita na Localhost s navedenim brojem priključka.
- Funkcija prikazuje nasumičnu poruku povezanu s vezom preko konzole.
Korak 5: Izrada web stranice
Unutar direktorija projekta stvorite ' .html ” upišite datoteku s nazivom “ indeks ' koji sadrži osnovnu strukturu HTML-a zajedno s jednom oznakom skripte za uvoz ' clientSide.js ' datoteka:
DOCTYPE html >< samo html = 'u' >
< glavu >
< meta skup znakova = 'UTF-8' >
< titula > Klijent titula >
glavu >
< tijelo >
< h1 > Web stranica Linuxhint h1 >
tijelo >
< skripta src = 'clientSide.js' > skripta >
html >
Korak 6: Izvršenje
Otvori ' index.html ” preko web stranice izravno iz imenika. Zatim prijeđite na terminal ili naredbeni redak i izvršite naredbu u nastavku:
čvor strana servera
Izlazna poruka pokazuje da je poslužitelj pokrenut.
Sada bez zatvaranja poslužitelja idite na index.html i otvorite ga preko web preglednika. Tamo će se u prozoru konzole pojaviti poruka o uspješnoj vezi:
Izlaz pokazuje da je veza uspostavljena između strane klijenta i poslužitelja. Ovaj blog je objasnio proces stvaranja webSocket veze u NodeJs.
Zaključak
Da biste stvorili webSocket vezu u NodeJs, izradite novi NodeJs projekt i instalirajte ' ws ' pokretanjem ' npm instalirati ws ” naredba. Sada stvorite datoteku za stranu poslužitelja i unutar nje uvezite ' ws ” modul. Koristite ovaj modul za stvaranje WebSocket poslužitelja na portu ' 3000 ”. Stvorite drugu datoteku za klijentsku stranu u kojoj trebate definirati novi objekt za ' WebSocket 'nazvan' obj 'i neka sluša na portu' 3000 ”. Ovaj je blog ilustrirao postupak uspostavljanja WebSocket veze u NodeJs.