Acest articol ilustrează procedura de creare a conexiunilor webSocket în Node.js.
Cum se creează conexiuni WebSocket în Node.js?
Conexiunea WebSocket constă din două părți: dezvoltare pe partea client și partea server. De asemenea, trebuie să se creeze site-ul inactiv, care să acționeze ca mijloc între ambele părți. Prin utilizarea acestuia, mesajele sunt transferate din ambele părți. Vizitați pașii de mai jos pentru crearea WebSocket în NodeJs.
Pasul 1: Configurarea mediului NodeJs
Cu ajutorul „ CD „, parcurgeți folderul de proiect și în interiorul acestuia executați comanda „ npm init -y ” pentru a instala modulele implicite NodeJs:
npm init - și
După executarea comenzii de mai sus, noul fișier numit „ pachet.json ” care stochează informațiile de bază legate de proiect este creat:
Pasul 2: Instalarea modulului WebSocket
Pentru a utiliza protocolul WebSocket, modulul numit „ ws ” trebuie instalat în proiectul NodeJs. Comanda pentru instalare este inserată mai jos:
npm install ws
Rezultatul de mai jos arată „ ws ” a fost instalat în directorul NodeJs dorit:
Pasul 3: Configurarea serverului WebSocket
Pentru a configura partea de server a protocolului webSocket, creați un nou „ .js ' tastați fișierul în folderul proiectului cu numele ' partea de server ” și introduceți codul de mai jos:
const wsObj = cere ( 'ws' ) ;const ws = nou wsObj. Server ( { port : 3000 } ) ;
consolă. Buturuga ( „Serverul Linuxhint a pornit” ) ;
Explicația pentru codul de mai sus este următoarea:
- În primul rând, cu ajutorul „ cere() „, metoda „ ws „modulul care este deja instalat în secțiunea de mai sus este importat în „actualul” serverSide.js ” dosar.
- Apoi, invocați „ Server() ” metoda folosind obiectul “ ws „modul numit „ wsObj ” și treceți numărul portului „ 3000 ” pentru a porni serverul la portul specificat al Localhost.
- De asemenea, afișați un mesaj aleatoriu peste fereastra consolei pentru a confirma că serverul a pornit de la capătul serverului.
Pasul 4: Configurarea clientului WebSocket
Creați un alt fișier cu numele „ partea clientului ” pentru a configura partea client care se conectează la server. Introduceți codul de mai jos pentru a configura partea de bază a clientului, care afișează un mesaj aleatoriu atunci când se conectează la server:
const obj = nou WebSocket ( „ws://localhost:3000” ) ;obj. addEventListener ( 'deschis' , ( ) => {
consolă. Buturuga ( „Sunteți conectat la Linuxhint Server!” ) ;
} ) ;
Descrierea blocului de cod de mai sus:
- Mai întâi, creați un nou obiect pentru „ WebSocket() ” protocol care este ascultat la Localhost având numărul de port „ 3000 ”.
- Apoi, stocați noul obiect în variabila numită „ obj ”.
- După aceea, atașați ascultătorul evenimentului „ deschis ' cu asta ' obj ”. Acest ascultător de evenimente va executa o funcție anonimă atunci când serverul este încărcat pe Localhost cu numărul de port furnizat.
- Funcția afișează un mesaj aleatoriu legat de conexiune pe consolă.
Pasul 5: Crearea paginii web
În directorul proiectului, creați un „ .html „Fișier de tipare cu numele „ index ” care conține structura de bază a HTML împreună cu eticheta unică de script pentru a importa „ clientSide.js ” fișier:
DOCTYPE html >< numai html = 'în' >
< cap >
< meta set de caractere = „UTF-8” >
< titlu > Client titlu >
cap >
< corp >
< h1 > Site-ul web Linuxhint h1 >
corp >
< script src = „clientSide.js” > scenariu >
html >
Pasul 6: Execuție
Deschide ' index.html ” pe pagina web direct din director. Apoi, treceți la terminalul sau promptul de comandă și executați comanda de mai jos:
nodul serverSide
Mesajul de ieșire arată că serverul a fost pornit.
Acum, fără a închide serverul, călătoriți la index.html și deschideți-l prin browser web. Acolo va apărea mesajul de succes al conexiunii pe fereastra consolei:
Ieșirea arată că conexiunea a fost stabilită între partea client și partea serverului. Acest blog a explicat procesul de creare a conexiunii webSocket în NodeJs.
Concluzie
Pentru a crea o conexiune webSocket în NodeJs, creați un nou proiect NodeJs și instalați „ ws ” prin rularea “ npm install ws ” comanda. Acum, creați un fișier pentru partea serverului și în interiorul acestuia importați „ ws ” modulul. Utilizați acest modul pentru a crea un server WebSocket la portul „ 3000 ”. Creați un alt fișier pentru partea client în care trebuie să definiți un nou obiect pentru „ WebSocket ' numit ' obj ” și fă-l să asculte la port” 3000 ”. Acest blog a ilustrat procedura de stabilire a unei conexiuni WebSocket în NodeJs.