WebSocket-yhteyksien luominen Node.js:ssä?

Websocket Yhteyksien Luominen Node Js Ssa



WebSocket on pohjimmiltaan protokolla, jota kehittäjät käyttävät sovelluksessaan mahdollistaakseen täyden kaksisuuntaisen viestinnän asiakas- ja palvelinpuolen välillä. Tämän tyyppisen viestinnän avulla käyttäjät voivat kommunikoida palvelimen kanssa reaaliajassa ilman viivettä. Nykyään tätä protokollaa käytetään lähes kaikissa verkkosovelluksissa paremman käyttökokemuksen tarjoamiseksi.

Tämä artikkeli kuvaa webSocket-yhteyksien luomista Node.js:ssä.

WebSocket-yhteyksien luominen Node.js:ssä?

WebSocket-yhteys koostuu kahdesta osasta: kehitystyöstä asiakas- ja palvelinpuolella. Nuken verkkosivusto on myös luotava, joka toimii välineenä molempien osapuolten välillä. Sitä käyttämällä viestit siirtyvät molemmilta puolilta. Luo WebSocket NodeJ:ssä seuraavilla vaiheilla.







Vaihe 1: NodeJs-ympäristön määrittäminen

' CD '-komento, kulje projektikansion läpi ja suorita sen sisällä komento ' npm init -y ” asentaaksesi oletusarvoiset NodeJs-moduulit:



npm init - ja

Yllä olevan komennon suorittamisen jälkeen uusi tiedosto nimeltä ' package.json ', joka tallentaa hankkeen perustiedot luodaan:







Vaihe 2: WebSocket-moduulin asentaminen

Käyttääksesi WebSocket-protokollaa moduuli nimeltä ' ws ” on asennettava NodeJs-projektiin. Asennuskomento lisätään alle:



npm install ws

Alla oleva tulos näyttää ' ws ” on asennettu haluttuun NodeJs-hakemistoon:

Vaihe 3: WebSocket-palvelimen määrittäminen

Voit määrittää webSocket-protokollan palvelinpuolen luomalla uuden ' .js 'kirjoita tiedosto projektikansion sisällä nimellä ' palvelimen puolella ” ja lisää alla oleva koodi:

konst wsObj = vaatia ( 'ws' ) ;

konst ws = Uusi wsObj. Palvelin ( { portti : 3000 } ) ;

konsoli. Hirsi ( 'Linuxhint-palvelin on alkanut' ) ;

Selitys yllä olevalle koodille on seuraava:

  • Ensinnäkin ' vaatia() 'menetelmä, ' ws ' moduuli, joka on jo asennettu yllä olevassa osiossa, tuodaan nykyisen ' serverSide.js ” tiedosto.
  • Seuraavaksi kutsu ' Palvelin() -menetelmä käyttäen objektin ' ws ' moduuli nimeltä ' wsObj ' ja välitä portin numero ' 3000 ” käynnistääksesi palvelimen määritetystä Localhostin portista.
  • Näytä myös satunnainen viesti konsoliikkunassa varmistaaksesi, että palvelin on käynnistynyt palvelimen päästä.

Vaihe 4: WebSocket Client -sovelluksen määrittäminen

Luo toinen tiedosto, jonka nimi on ' asiakkaan puolella ” määrittääksesi asiakaspuolen, joka yhdistetään palvelimeen. Lisää alla oleva koodi asettaaksesi perusasiakaspuolen, joka näyttää satunnaisen viestin, kun muodostat yhteyden palvelimen kautta:

konst obj = Uusi WebSocket ( 'ws://localhost:3000' ) ;

obj. addEventListener ( 'avata' , ( ) => {

konsoli. Hirsi ( 'Olet yhteydessä Linuxhint-palvelimeen!' ) ;

} ) ;

Yllä olevan koodilohkon kuvaus:

  • Luo ensin uusi objekti ' WebSocket() ' protokolla, jota kuunnellaan Localhostissa, jonka porttinumero on ' 3000 ”.
  • Tallenna sitten uusi objekti muuttujaan nimeltä ' obj ”.
  • Liitä sen jälkeen tapahtumakuuntelija ' avata ' tämän kanssa ' obj ”. Tämä tapahtuman kuuntelija suorittaa anonyymin toiminnon, kun palvelin ladataan Localhostiin annetulla porttinumerolla.
  • Toiminto näyttää satunnaisen yhteyteen liittyvän viestin konsolin yli.

Vaihe 5: Verkkosivun luominen

Luo projektihakemistoon ' .html '-tyyppinen tiedosto, jonka nimi on ' indeksi ', joka sisältää HTML:n perusrakenteen sekä yhden komentosarjatunnisteen ' clientSide.js 'tiedosto:

DOCTYPE html >

< vain html = 'sisään' >

< pää >

< meta-merkkisarja = 'UTF-8' >

< otsikko > Asiakas otsikko >

pää >

< kehon >

< h1 > Linuxhint-verkkosivusto h1 >

kehon >

< script src = 'clientSide.js' > käsikirjoitus >

html >

Vaihe 6: Suoritus

Avaa ' index.html ” verkkosivulle suoraan hakemistosta. Siirry sitten terminaaliin tai komentokehotteeseen ja suorita alla oleva komento:

solmupalvelinpuoli

Tulosviesti osoittaa, että palvelin on käynnistetty.

Siirry nyt palvelimeen sulkematta osoitteeseen index.html ja avaa se verkkoselaimen kautta. Siellä konsoli-ikkunaan ilmestyy yhteyden onnistumisesta kertova viesti:

Tulos näyttää, että asiakas- ja palvelinpuolen välille on muodostettu yhteys. Tämä blogi on selittänyt webSocket-yhteyden luomisprosessin NodeJ:issä.

Johtopäätös

Luo webSocket-yhteys NodeJs:ssä luomalla uusi NodeJs-projekti ja asentamalla ' ws ' -moduuli suorittamalla ' npm install ws ”komento. Luo nyt tiedosto palvelinpuolelle ja tuo sen sisällä ' ws ” moduuli. Käytä tätä moduulia luodaksesi WebSocket-palvelimen porttiin ' 3000 ”. Luo toinen tiedosto asiakaspuolelle, jossa sinun on määritettävä uusi objekti ' WebSocket ”nimeltään” obj 'ja laita se kuuntelemaan satamassa' 3000 ”. Tämä blogi on havainnollistanut menettelyä WebSocket-yhteyden muodostamiseksi NodeJ: ssä.