Šiame straipsnyje iliustruojama „WebSocket“ jungčių „Node.js“ kūrimo procedūra.
Kaip sukurti „WebSocket“ ryšius „Node.js“?
WebSocket ryšys susideda iš dviejų dalių: kūrimo kliento pusėje ir serverio pusėje. Taip pat reikia sukurti netikrą svetainę, kuri veiktų kaip terpė tarp abiejų pusių. Jį naudojant, pranešimai perduodami iš abiejų pusių. Norėdami sukurti „WebSocket“ „NodeJs“, atlikite toliau nurodytus veiksmus.
1 veiksmas: „NodeJs“ aplinkos nustatymas
Su ' cd “ komandą, pereikite per projekto aplanką ir jo viduje vykdykite komandą „ npm init -y “ norėdami įdiegti numatytuosius NodeJs modulius:
npm init - ir
Įvykdžius aukščiau pateiktą komandą, naujas failas pavadinimu ' package.json “, kuriame saugoma pagrindinė su projektu susijusi informacija, sukuriama:
2 veiksmas: „WebSocket“ modulio įdiegimas
Norėdami naudoti „WebSocket“ protokolą, modulis pavadintas „ ws “ reikia įdiegti NodeJs projekte. Diegimo komanda įterpiama žemiau:
npm įdiegti ws
Žemiau pateikta produkcija rodo „ ws “ buvo įdiegtas norimame NodeJs kataloge:
3 veiksmas: „WebSocket“ serverio nustatymas
Norėdami nustatyti „webSocket“ protokolo serverio pusę, sukurkite naują „ .js Įveskite failą projekto aplanke pavadinimu „ serverio pusė “ ir įveskite toliau nurodytą kodą:
konst wsObj = reikalauti ( 'ws' ) ;konst ws = naujas wsObj. Serveris ( { uostas : 3000 } ) ;
konsolė. žurnalas ( „Linuxhint serveris startavo“ ) ;
Aukščiau pateikto kodo paaiškinimas yra toks:
- Pirma, naudojant „ reikalauti () “ metodas, „ ws “ modulis, kuris jau yra įdiegtas aukščiau esančiame skyriuje, importuojamas į dabartinį “ serverSide.js “ failą.
- Tada iškvieskite „ Serveris () “ metodas naudojant objektą „ ws “ modulis pavadinimu “ wsObj ir perduoti prievado numerį 3000 “, kad paleistumėte serverį nurodytu Localhost prievadu.
- Be to, konsolės lange parodykite atsitiktinį pranešimą, kad patvirtintumėte, kad serveris pradėjo veikti nuo serverio pabaigos.
4 veiksmas: „WebSocket“ kliento nustatymas
Sukurkite kitą failą pavadinimu ' kliento pusė “, kad nustatytumėte kliento pusę, kuri prisijungia prie serverio. Įdėkite toliau pateiktą kodą, kad nustatytumėte pagrindinę kliento pusę, kuri, prisijungus prie serverio, rodo atsitiktinį pranešimą:
konst obj = naujas WebSocket ( 'ws://localhost:3000' ) ;obj. addEventListener ( 'atviras' , ( ) => {
konsolė. žurnalas ( 'Jūs esate prisijungę prie Linuxhint serverio!' ) ;
} ) ;
Aukščiau pateikto kodo bloko aprašymas:
- Pirmiausia sukurkite naują objektą „ WebSocket () “ protokolas, kurio klausomasi „Localhost“, kurio prievado numeris yra „ 3000 “.
- Tada išsaugokite naują objektą kintamajame pavadinimu ' obj “.
- Po to pridėkite įvykių klausytoją „ atviras ' su šiuo ' obj “. Šis įvykių klausytojas vykdys anoniminę funkciją, kai serveris bus įkeltas į Localhost su pateiktu prievado numeriu.
- Funkcija rodo atsitiktinį su ryšiu susijusį pranešimą per konsolę.
5 veiksmas: sukurkite tinklalapį
Projekto kataloge sukurkite „ .html ' tipo failas, kurio pavadinimas yra ' indeksas “, kuriame yra pagrindinė HTML struktūra kartu su viena scenarijaus žyma, skirta importuoti clientSide.js “ failas:
DOCTYPE html >< tik html = 'į' >
< galva >
< meta simbolių rinkinys = 'UTF-8' >
< titulą > Klientas titulą >
galva >
< kūnas >
< h1 > Linuxhint svetainė h1 >
kūnas >
< scenarijus src = 'clientSide.js' > scenarijus >
html >
6 veiksmas: vykdymas
Atidaryk ' index.html “ per tinklalapį tiesiai iš katalogo. Tada pereikite prie terminalo arba komandų eilutės ir vykdykite toliau pateiktą komandą:
mazgo serverio pusė
Išvesties pranešimas rodo, kad serveris buvo paleistas.
Dabar, neuždarydami serverio, eikite į index.html ir atidarykite jį žiniatinklio naršyklėje. Ten konsolės lange pasirodys sėkmingo prisijungimo pranešimas:
Išvestis rodo, kad ryšys tarp kliento ir serverio pusės užmegztas. Šiame tinklaraštyje paaiškintas „WebSocket“ ryšio „NodeJ“ kūrimo procesas.
Išvada
Norėdami sukurti „WebSocket“ ryšį „NodeJs“, sukurkite naują „NodeJs“ projektą ir įdiekite „ ws “ modulį paleisdami „ npm įdiegti ws “ komanda. Dabar sukurkite failą serverio pusei ir į jį importuokite „ ws “ modulis. Naudokite šį modulį norėdami sukurti WebSocket serverį prievade ' 3000 “. Sukurkite kitą kliento pusės failą, kuriame turite apibrėžti naują objektą „ WebSocket ' pavadintas ' obj ir priversti jį klausyti uoste“ 3000 “. Šiame tinklaraštyje pavaizduota „WebSocket“ ryšio užmezgimo „NodeJ“ procedūra.