Denne artikel illustrerer proceduren til at oprette webSocket-forbindelser i Node.js.
Hvordan oprettes WebSocket-forbindelser i Node.js?
WebSocket-forbindelsen består af to dele: udvikling på klientsiden og serversiden. Dummy-webstedet er også nødvendigt at oprette, som fungerer som mediet mellem begge sider. Ved at bruge det, bliver beskederne overført fra begge sider. Besøg nedenstående trin for at oprette WebSocket i NodeJs.
Trin 1: Opsætning af NodeJs-miljøet
Ved hjælp af ' cd ' kommandoen, gå gennem projektmappen og inde i den udfør kommandoen ' npm init -y ” for at installere standard NodeJs-modulerne:
npm init - og
Efter at have udført ovenstående kommando, den nye fil med navnet ' package.json ”, som gemmer de grundlæggende oplysninger relateret til projektet bliver oprettet:
Trin 2: Installation af WebSocket-modulet
For at bruge WebSocket-protokollen er modulet med navnet ' ws ” skal installeres i NodeJs-projektet. Kommandoen til installation er indsat nedenfor:
npm installer ws
Nedenstående output viser ' ws ” er blevet installeret i den ønskede NodeJs-mappe:
Trin 3: Opsætning af WebSocket Server
For at konfigurere serversiden af webSocket-protokollen skal du oprette en ny ' .js ' skriv fil inde i projektmappen med navnet ' serverside ” og indsæt nedenstående kode:
konst wsObj = kræve ( 'ws' ) ;konst ws = ny wsObj. Server ( { Havn : 3000 } ) ;
konsol. log ( 'Linuxhint-serveren er startet' ) ;
Forklaringen på ovenstående kode er som følger:
- For det første ved hjælp af ' kræve() 'metoden, ' ws ' modul, som allerede er installeret i ovenstående afsnit, importeres i den aktuelle ' serverSide.js ' fil.
- Næste, påberåb ' Server() '-metoden ved hjælp af objektet i ' ws ' modul med navnet ' wsObj ' og send portnummeret til ' 3000 ” for at starte serveren ved den angivne port på Localhost.
- Vis også en tilfældig besked over konsolvinduet for at bekræfte, at serveren er startet fra serverenden.
Trin 4: Opsætning af WebSocket Client
Opret en anden fil med navnet ' klientside ” for at konfigurere klientsiden, der får forbindelse til serveren. Indsæt nedenstående kode for at konfigurere den grundlæggende klientside, som viser en tilfældig meddelelse, når der oprettes forbindelse over serveren:
konst obj = ny WebSocket ( 'ws://localhost:3000' ) ;obj. addEventListener ( 'åben' , ( ) => {
konsol. log ( 'Du er forbundet til Linuxhint Server!' ) ;
} ) ;
Beskrivelsen af ovenstående kodeblok:
- Først skal du oprette et nyt objekt for ' WebSocket() ”-protokol, som bliver lyttet til på den lokale vært med portnummeret ” 3000 ”.
- Gem derefter det nye objekt i variablen med navnet ' obj ”.
- Derefter vedhæft begivenhedslytteren af ' åben ' med dette ' obj ”. Denne hændelseslytter vil udføre en anonym funktion, når serveren bliver indlæst på Localhost med det angivne portnummer.
- Funktionen viser en tilfældig forbindelsesrelateret besked over konsollen.
Trin 5: Oprettelse af webside
Inde i projektbiblioteket skal du oprette en ' .html ' skriv fil med navnet ' indeks ', der indeholder den grundlæggende struktur af HTML sammen med det enkelte script-tag for at importere ' clientSide.js ' fil:
DOCTYPE html >< kun html = 'i' >
< hoved >
< meta-tegnsæt = 'UTF-8' >
< titel > Klient titel >
hoved >
< legeme >
< h1 > Linuxhint hjemmeside h1 >
legeme >
< script src = 'clientSide.js' > manuskript >
html >
Trin 6: Udførelse
Åbn ' index.html ” over websiden direkte fra biblioteket. Flyt derefter til terminalen eller kommandoprompten og udfør nedenstående kommando:
node serverSide
Outputmeddelelsen viser, at serveren er startet.
Nu uden at lukke serveren skal du gå til index.html og åbne den via webbrowseren. Der vises meddelelsen om succesfuld forbindelse i konsolvinduet:
Outputtet viser, at forbindelsen er etableret mellem klient- og serversiden. Denne blog har forklaret processen med at oprette webSocket-forbindelsen i NodeJs.
Konklusion
For at oprette en webSocket-forbindelse i NodeJs skal du oprette et nyt NodeJs-projekt og installere ' ws ' modul ved at køre ' npm installer ws ” kommando. Opret nu en fil til serversiden og importer ' ws ” modul. Brug dette modul til at oprette en WebSocket-server ved port ' 3000 ”. Opret en anden fil til klientsiden, hvor du skal definere et nyt objekt for ' WebSocket ' som hedder ' obj ' og få den til at lytte i havn ' 3000 ”. Denne blog har illustreret proceduren for at etablere en WebSocket-forbindelse i NodeJs.