ఈ కథనం Node.jsలో వెబ్సాకెట్ కనెక్షన్లను సృష్టించే విధానాన్ని వివరిస్తుంది.
Node.jsలో వెబ్సాకెట్ కనెక్షన్లను ఎలా సృష్టించాలి?
WebSocket కనెక్షన్ రెండు భాగాలను కలిగి ఉంటుంది: క్లయింట్ వైపు మరియు సర్వర్ వైపు అభివృద్ధి. డమ్మీ వెబ్సైట్ కూడా రెండు వైపుల మధ్య మాధ్యమంగా పనిచేసేలా సృష్టించాలి. దీన్ని ఉపయోగించడం ద్వారా, సందేశాలు రెండు వైపుల నుండి బదిలీ చేయబడతాయి. NodeJsలో WebSocket సృష్టి కోసం క్రింది దశలను సందర్శించండి.
దశ 1: NodeJs ఎన్విరాన్మెంట్ని సెటప్ చేయడం
సహాయంతో ' cd ” ఆదేశం, ప్రాజెక్ట్ ఫోల్డర్ ద్వారా ప్రయాణించి దాని లోపల ఆదేశాన్ని అమలు చేయండి “ npm init -y ” డిఫాల్ట్ NodeJs మాడ్యూల్లను ఇన్స్టాల్ చేయడానికి:
npm init - మరియు
పై ఆదేశాన్ని అమలు చేసిన తర్వాత, '' అనే కొత్త ఫైల్ pack.json ” ప్రాజెక్ట్కు సంబంధించిన ప్రాథమిక సమాచారాన్ని నిల్వ చేసేది సృష్టించబడుతుంది:
దశ 2: వెబ్సాకెట్ మాడ్యూల్ను ఇన్స్టాల్ చేస్తోంది
WebSocket ప్రోటోకాల్ను ఉపయోగించడానికి ' అనే మాడ్యూల్ ws ”ను NodeJs ప్రాజెక్ట్లో ఇన్స్టాల్ చేయాలి. సంస్థాపన కొరకు ఆదేశం క్రింద చొప్పించబడింది:
npm ఇన్స్టాల్ ws
దిగువ అవుట్పుట్ చూపిస్తుంది ' ws ” కావలసిన NodeJs డైరెక్టరీలో ఇన్స్టాల్ చేయబడింది:
దశ 3: WebSocket సర్వర్ని సెటప్ చేయడం
వెబ్సాకెట్ ప్రోటోకాల్ యొక్క సర్వర్ వైపు సెటప్ చేయడానికి, కొత్త 'ని సృష్టించండి .js 'ప్రాజెక్ట్ ఫోల్డర్ లోపల ఫైల్ని టైప్ చేయండి' పేరుతో సర్వర్ సైడ్ ” మరియు దిగువ పేర్కొన్న కోడ్ను చొప్పించండి:
స్థిరంగా wsObj = అవసరం ( 'ws' ) ;స్థిరంగా ws = కొత్త wsObj. సర్వర్ ( { ఓడరేవు : 3000 } ) ;
కన్సోల్. లాగ్ ( 'Linuxhint సర్వర్ ప్రారంభమైంది' ) ;
పై కోడ్ యొక్క వివరణ క్రింది విధంగా ఉంది:
- మొదట, '' సహాయంతో అవసరం() 'పద్ధతి,' ws 'పై విభాగంలో ఇప్పటికే ఇన్స్టాల్ చేయబడిన మాడ్యూల్ కరెంట్ లోపల దిగుమతి అవుతుంది' serverSide.js ” ఫైల్.
- తరువాత, 'ని పిలవండి సర్వర్() '' యొక్క వస్తువును ఉపయోగించే పద్ధతి ws 'మాడ్యూల్ పేరు' wsObj 'మరియు' యొక్క పోర్ట్ సంఖ్యను పాస్ చేయండి 3000 ” లోకల్ హోస్ట్ యొక్క పేర్కొన్న పోర్ట్ వద్ద సర్వర్ను ప్రారంభించడానికి.
- అలాగే, సర్వర్ ఎండ్ నుండి సర్వర్ ప్రారంభమైందని నిర్ధారించడానికి కన్సోల్ విండోపై యాదృచ్ఛిక సందేశాన్ని ప్రదర్శించండి.
దశ 4: WebSocket క్లయింట్ని సెటప్ చేయడం
' పేరుతో మరొక ఫైల్ని సృష్టించండి క్లయింట్ సైడ్ ” సర్వర్కి కనెక్ట్ అయ్యే క్లయింట్ సైడ్ని సెటప్ చేయడానికి. సర్వర్ ద్వారా కనెక్ట్ అయినప్పుడు యాదృచ్ఛిక సందేశాన్ని ప్రదర్శించే ప్రాథమిక క్లయింట్-వైపును సెటప్ చేయడానికి క్రింది కోడ్ను చొప్పించండి:
స్థిరంగా obj = కొత్త వెబ్సాకెట్ ( 'ws://localhost:3000' ) ;obj addEventListener ( 'తెరువు' , ( ) => {
కన్సోల్. లాగ్ ( 'మీరు Linuxhint సర్వర్కి కనెక్ట్ అయ్యారు!' ) ;
} ) ;
ఎగువ కోడ్ బ్లాక్ కోసం వివరణ:
- ముందుగా, '' కోసం కొత్త వస్తువును సృష్టించండి WebSocket() 'ప్రోటోకాల్ ఇది లోకల్ హోస్ట్ వద్ద పోర్ట్ నంబర్ను కలిగి ఉంటుంది' 3000 ”.
- అప్పుడు, కొత్త ఆబ్జెక్ట్ను '' అనే వేరియబుల్లో నిల్వ చేయండి obj ”.
- ఆ తర్వాత, '' యొక్క ఈవెంట్ లిజనర్ని అటాచ్ చేయండి తెరవండి ' దీనితో ' obj ”. అందించిన పోర్ట్ నంబర్తో లోకల్ హోస్ట్లో సర్వర్ లోడ్ అయినప్పుడు ఈ ఈవెంట్ వినేవారు అనామక ఫంక్షన్ని అమలు చేస్తారు.
- ఫంక్షన్ కన్సోల్పై యాదృచ్ఛిక కనెక్షన్-సంబంధిత సందేశాన్ని ప్రదర్శిస్తుంది.
దశ 5: వెబ్పేజీని సృష్టించడం
ప్రాజెక్ట్ డైరెక్టరీ లోపల, 'ని సృష్టించండి .html '' పేరు ఉన్న ఫైల్ టైప్ చేయండి సూచిక HTML యొక్క ప్రాథమిక నిర్మాణాన్ని కలిగి ఉంటుంది, అలాగే సింగిల్ స్క్రిప్ట్ ట్యాగ్ను దిగుమతి చేయడానికి ' clientSide.js ” ఫైల్:
DOCTYPE html >< html మాత్రమే = 'లో' >
< తల >
< మెటా అక్షర సమితి = 'UTF-8' >
< శీర్షిక > క్లయింట్ శీర్షిక >
తల >
< శరీరం >
< h1 > Linuxhint వెబ్సైట్ h1 >
శరీరం >
< స్క్రిప్ట్ src = 'clientSide.js' > స్క్రిప్ట్ >
html >
దశ 6: అమలు
తెరవండి ' index.html ” డైరెక్టరీ నుండి నేరుగా వెబ్పేజీలో. అప్పుడు, టెర్మినల్ లేదా కమాండ్ ప్రాంప్ట్కి తరలించి, కింది ఆదేశాన్ని అమలు చేయండి:
నోడ్ సర్వర్సైడ్
అవుట్పుట్ సందేశం సర్వర్ ప్రారంభించబడిందని చూపుతుంది.
ఇప్పుడు సర్వర్ను మూసివేయకుండా, index.htmlకి ప్రయాణించి వెబ్ బ్రౌజర్లో తెరవండి. అక్కడ కనెక్షన్ విజయ సందేశం కన్సోల్ విండోలో కనిపిస్తుంది:
క్లయింట్ మరియు సర్వర్ వైపు మధ్య కనెక్షన్ ఏర్పాటు చేయబడిందని అవుట్పుట్ చూపిస్తుంది. ఈ బ్లాగ్ NodeJsలో webSocket కనెక్షన్ని సృష్టించే విధానాన్ని వివరించింది.
ముగింపు
NodeJsలో webSocket కనెక్షన్ని సృష్టించడానికి, కొత్త NodeJs ప్రాజెక్ట్ని సృష్టించి, ''ని ఇన్స్టాల్ చేయండి ws 'ని అమలు చేయడం ద్వారా మాడ్యూల్' npm ఇన్స్టాల్ ws ” ఆదేశం. ఇప్పుడు, సర్వర్ సైడ్ కోసం ఫైల్ను సృష్టించండి మరియు దాని లోపల “ని దిగుమతి చేయండి ws ” మాడ్యూల్. పోర్ట్ వద్ద WebSocket సర్వర్ని సృష్టించడానికి ఈ మాడ్యూల్ని ఉపయోగించండి ' 3000 ”. క్లయింట్ సైడ్ కోసం మరొక ఫైల్ను సృష్టించండి, దీనిలో మీరు ' కోసం కొత్త వస్తువును నిర్వచించాలి. వెబ్సాకెట్ ' అనే ' obj 'మరియు దానిని పోర్ట్ వద్ద వినేలా చేయండి' 3000 ”. ఈ బ్లాగ్ NodeJsలో WebSocket కనెక్షన్ని ఏర్పాటు చేసే విధానాన్ని వివరించింది.