Den här artikeln illustrerar proceduren för att skapa webSocket-anslutningar i Node.js.
Hur skapar man WebSocket-anslutningar i Node.js?
WebSocket-anslutningen består av två delar: utveckling på klientsidan och serversidan. Dummy-webbplatsen måste också skapas som fungerar som medium mellan båda sidor. Genom att använda den överförs meddelandena från båda sidor. Gå till stegen nedan för att skapa WebSocket i NodeJs.
Steg 1: Konfigurera NodeJs-miljön
Med hjälp av ' CD ' kommandot, gå igenom projektmappen och inuti den kör kommandot ' npm init -y ” för att installera standard NodeJs-moduler:
npm init - och
Efter att ha utfört kommandot ovan, den nya filen med namnet ' package.json ” som lagrar den grundläggande informationen relaterad till projektet skapas:
Steg 2: Installera WebSocket-modulen
För att använda WebSocket-protokollet modulen med namnet ' ws ” måste installeras i NodeJs-projektet. Kommandot för installationen infogas nedan:
npm installera ws
Utdata nedan visar ' ws ” har installerats i önskad NodeJs-katalog:
Steg 3: Konfigurera WebSocket Server
För att ställa in serversidan av webSocket-protokollet, skapa en ny ' .js ' skriv filen i projektmappen med namnet ' serverSide ” och infoga nedanstående kod:
konst wsObj = behöva ( 'ws' ) ;konst ws = ny wsObj. Server ( { hamn : 3000 } ) ;
trösta. logga ( 'Linuxhint-servern har startat' ) ;
Förklaringen till ovanstående kod är följande:
- Först, med hjälp av ' behöva() 'metoden, ' ws '-modulen som redan är installerad i avsnittet ovan importeras in i den aktuella ' serverSide.js ' fil.
- Anropa sedan ' Server() '-metoden som använder objektet för ' ws ' modul med namnet ' wsObj ' och skicka portnumret för ' 3000 ” för att starta servern vid den angivna porten för Localhost.
- Visa också ett slumpmässigt meddelande över konsolfönstret för att bekräfta att servern har startat från serveränden.
Steg 4: Konfigurera WebSocket Client
Skapa en annan fil med namnet ' klientsidan ” för att ställa in klientsidan som ansluts till servern. Infoga koden nedan för att ställa in den grundläggande klientsidan som visar ett slumpmässigt meddelande när den ansluts via servern:
konst obj = ny WebSocket ( 'ws://localhost:3000' ) ;obj. addEventListener ( 'öppen' , ( ) => {
trösta. logga ( 'Du är ansluten till Linuxhint Server!' ) ;
} ) ;
Beskrivningen för ovanstående kodblock:
- Skapa först ett nytt objekt för ' WebSocket() ”-protokoll som lyssnas på hos Localhost som har portnumret på ” 3000 ”.
- Lagra sedan det nya objektet i variabeln som heter ' obj ”.
- Efter det, bifoga evenemangslyssnaren av ' öppen ' med detta ' obj ”. Denna händelseavlyssnare kommer att utföra en anonym funktion när servern laddas på Localhost med det angivna portnumret.
- Funktionen visar ett slumpmässigt anslutningsrelaterat meddelande över konsolen.
Steg 5: Skapa webbsida
Inuti projektkatalogen skapar du en ' .html ' skriv fil med namnet ' index ' som innehåller den grundläggande strukturen för HTML tillsammans med den enda skripttaggen för att importera ' clientSide.js ' fil:
DOCTYPE html >< endast html = 'i' >
< huvud >
< meta teckenuppsättning = 'UTF-8' >
< titel > Klient titel >
huvud >
< kropp >
< h1 > Linuxhint webbplats h1 >
kropp >
< script src = 'clientSide.js' > manus >
html >
Steg 6: Utförande
Öppna ' index.html ” över webbsidan direkt från katalogen. Gå sedan till terminalen eller kommandotolken och utför följande kommando:
nod serverSide
Utmatningsmeddelandet visar att servern har startats.
Nu utan att stänga servern, gå till index.html och öppna den via webbläsaren. Där visas meddelandet om lyckad anslutning i konsolfönstret:
Utdata visar att anslutningen har upprättats mellan klient- och serversidan. Den här bloggen har förklarat processen för att skapa webSocket-anslutningen i NodeJs.
Slutsats
För att skapa en webSocket-anslutning i NodeJs, skapa ett nytt NodeJs-projekt och installera ' ws '-modulen genom att köra ' npm installera ws ” kommando. Skapa nu en fil för serversidan och importera inuti den ' ws ' modul. Använd den här modulen för att skapa en WebSocket-server vid port ' 3000 ”. Skapa en annan fil för klientsidan där du måste definiera ett nytt objekt för ' WebSocket ' som heter ' obj ' och få den att lyssna i hamn ' 3000 ”. Den här bloggen har illustrerat proceduren för att upprätta en WebSocket-anslutning i NodeJs.