Denne artikkelen illustrerer prosedyren for å opprette webSocket-tilkoblinger i Node.js.
Hvordan opprette WebSocket-tilkoblinger i Node.js?
WebSocket-tilkoblingen består av to deler: utvikling på klientsiden og serversiden. Dummy-nettstedet er også behov for å lage som fungerer som medium mellom begge sider. Ved å bruke det, blir meldingene overført fra begge sider. Gå til trinnene nedenfor for å lage WebSocket i NodeJs.
Trinn 1: Sette opp NodeJs-miljøet
Ved hjelp av ' cd ' kommando, gå gjennom prosjektmappen og kjør kommandoen ' npm init -y ' for å installere standard NodeJs-moduler:
npm init - og
Etter å ha utført kommandoen ovenfor, vil den nye filen med navnet ' package.json ' som lagrer den grunnleggende informasjonen knyttet til prosjektet blir opprettet:
Trinn 2: Installere WebSocket-modulen
For å bruke WebSocket-protokollen, modulen kalt ' ws ” må installeres i NodeJs-prosjektet. Kommandoen for installasjon er satt inn nedenfor:
npm installer ws
Utgangen nedenfor viser ' ws ” har blitt installert i ønsket NodeJs-katalog:
Trinn 3: Sette opp WebSocket Server
For å sette opp serversiden av webSocket-protokollen, opprette en ny ' .js ' skriv inn fil i prosjektmappen med navnet ' serverside ' og sett inn koden nedenfor:
konst wsObj = krever ( 'ws' ) ;konst ws = ny wsObj. Server ( { havn : 3000 } ) ;
konsoll. Logg ( 'Linuxhint-serveren har startet' ) ;
Forklaringen for koden ovenfor er som følger:
- Først ved hjelp av ' krever() 'metoden, ' ws '-modulen som allerede er installert i delen ovenfor blir importert i gjeldende ' serverSide.js ' fil.
- Deretter påkaller du ' Server() '-metoden som bruker objektet til ' ws ' modul kalt ' wsObj ' og send portnummeret til ' 3000 ” for å starte serveren på den spesifiserte porten til Localhost.
- Vis også en tilfeldig melding over konsollvinduet for å bekrefte at serveren har startet fra serverenden.
Trinn 4: Sette opp WebSocket Client
Opprett en annen fil med navnet ' klient side ” for å sette opp klientsiden som kobles til serveren. Sett inn koden nedenfor for å sette opp den grunnleggende klientsiden som viser en tilfeldig melding når den kobles til over serveren:
konst obj = ny WebSocket ( 'ws://localhost:3000' ) ;obj. addEventListener ( 'åpen' , ( ) => {
konsoll. Logg ( 'Du er koblet til Linuxhint Server!' ) ;
} ) ;
Beskrivelsen for kodeblokken ovenfor:
- Først oppretter du et nytt objekt for ' WebSocket() '-protokollen som blir lyttet til på Localhost som har portnummeret ' 3000 '.
- Deretter lagrer du det nye objektet i variabelen kalt ' obj '.
- Deretter legger du ved arrangementslytteren til ' åpen ' med dette ' obj '. Denne hendelseslytteren vil utføre en anonym funksjon når serveren lastes på Localhost med det angitte portnummeret.
- Funksjonen viser en tilfeldig tilkoblingsrelatert melding over konsollen.
Trinn 5: Oppretting av nettside
Inne i prosjektkatalogen oppretter du en ' .html ' skriv fil med navnet ' indeks ' som inneholder den grunnleggende strukturen til HTML sammen med den enkle skriptkoden for å importere ' clientSide.js ' fil:
DOCTYPE html >< bare html = 'i' >
< hode >
< metategnsett = 'UTF-8' >
< tittel > Klient tittel >
hode >
< kropp >
< h1 > Linuxhint nettsted h1 >
kropp >
< script src = 'clientSide.js' > manus >
html >
Trinn 6: Utførelse
Åpne ' index.html ' over nettsiden direkte fra katalogen. Gå deretter til terminalen eller ledeteksten og kjør kommandoen nedenfor:
node serverSide
Utdatameldingen viser at serveren er startet.
Nå uten å lukke serveren, gå til index.html og åpne den over nettleseren. Der vises meldingen om vellykket tilkobling i konsollvinduet:
Utgangen viser at forbindelsen er opprettet mellom klient- og serversiden. Denne bloggen har forklart prosessen med å opprette webSocket-tilkoblingen i NodeJs.
Konklusjon
For å opprette en webSocket-tilkobling i NodeJs, opprett et nytt NodeJs-prosjekt og installer ' ws '-modulen ved å kjøre ' npm installer ws ' kommando. Lag nå en fil for serversiden og importer ' ws ' modul. Bruk denne modulen til å lage en WebSocket-server ved port ' 3000 '. Opprett en annen fil for klientsiden der du må definere et nytt objekt for ' WebSocket 'navngitt' obj ' og få den til å lytte i havn ' 3000 '. Denne bloggen har illustrert prosedyren for å etablere en WebSocket-tilkobling i NodeJs.