Node.js में WebSocket कनेक्शन कैसे बनाएं?

Node Js Mem Websocket Kaneksana Kaise Bana Em



वेबसॉकेट मूल रूप से एक प्रोटोकॉल है जिसका उपयोग डेवलपर्स द्वारा क्लाइंट और सर्वर पक्ष के बीच पूर्ण द्वैध संचार को सक्षम करने के लिए अपने एप्लिकेशन में किया जाता है। इस प्रकार का संचार उपयोगकर्ताओं को बिना किसी देरी के वास्तविक समय में सर्वर के साथ संचार करने की अनुमति देता है। आजकल, बेहतर उपयोगकर्ता अनुभव प्रदान करने के लिए इस प्रोटोकॉल का उपयोग लगभग हर वेब एप्लिकेशन में किया जा रहा है।

यह आलेख Node.js में वेबसॉकेट कनेक्शन बनाने की प्रक्रिया का वर्णन करता है।

Node.js में WebSocket कनेक्शन कैसे बनाएं?

वेबसॉकेट कनेक्शन में दो भाग होते हैं: क्लाइंट साइड और सर्वर साइड पर विकास। डमी वेबसाइट भी बनाने की जरूरत है जो दोनों पक्षों के बीच माध्यम का काम करे। इसके इस्तेमाल से मैसेज दोनों तरफ से ट्रांसफर हो जाते हैं. NodeJs में WebSocket के निर्माण के लिए नीचे दिए गए चरणों पर जाएँ।







चरण 1: NodeJs पर्यावरण की स्थापना

की मदद से ' सीडी 'कमांड, प्रोजेक्ट फ़ोल्डर के माध्यम से जाएं और उसके अंदर कमांड निष्पादित करें' एनपीएम इनिट-वाई 'डिफ़ॉल्ट NodeJs मॉड्यूल स्थापित करने के लिए:



एनपीएम init - और

उपरोक्त कमांड को निष्पादित करने के बाद, नई फ़ाइल का नाम ' package.json 'जो परियोजना से संबंधित बुनियादी जानकारी संग्रहीत करता है वह बन जाता है:







चरण 2: वेबसॉकेट मॉड्यूल स्थापित करना

WebSocket प्रोटोकॉल का उपयोग करने के लिए मॉड्यूल का नाम ' डब्ल्यू.एस 'NodeJs प्रोजेक्ट में स्थापित करने की आवश्यकता है। इंस्टालेशन के लिए कमांड नीचे डाला गया है:



एनपीएम इंस्टॉल डब्ल्यूएस

नीचे दिया गया आउटपुट दिखाता है ' डब्ल्यू.एस वांछित NodeJs निर्देशिका में स्थापित किया गया है:

चरण 3: वेबसॉकेट सर्वर की स्थापना

वेबसॉकेट प्रोटोकॉल के सर्वर साइड को सेटअप करने के लिए, एक नया बनाएं .जेएस 'प्रोजेक्ट फ़ोल्डर के अंदर नाम के साथ फ़ाइल टाइप करें' सर्वर साइड ” और नीचे दिया गया कोड डालें:

कॉन्स्ट wsObj = ज़रूरत होना ( 'डब्ल्यूएस' ) ;

कॉन्स्ट डब्ल्यू.एस = नया wsObj. सर्वर ( { पत्तन : 3000 } ) ;

सांत्वना देना। लकड़ी का लट्ठा ( 'लिनक्सहिंट सर्वर प्रारंभ हो गया है' ) ;

उपरोक्त कोड की व्याख्या इस प्रकार है:

  • सबसे पहले, 'की मदद से ज़रूरत होना() ' विधि, ' डब्ल्यू.एस 'मॉड्यूल जो पहले से ही उपरोक्त अनुभाग में स्थापित है, वर्तमान के अंदर आयात किया जाता है' सर्वरसाइड.जे.एस ' फ़ाइल।
  • इसके बाद, 'आह्वान करें' सर्वर() 'के ऑब्जेक्ट का उपयोग करने वाली विधि' डब्ल्यू.एस 'मॉड्यूल का नाम' wsObj ' और ' का पोर्ट नंबर पास करें 3000 लोकलहोस्ट के निर्दिष्ट पोर्ट पर सर्वर शुरू करने के लिए।
  • साथ ही, यह पुष्टि करने के लिए कि सर्वर अंत से शुरू हो गया है, कंसोल विंडो पर कुछ यादृच्छिक संदेश प्रदर्शित करें।

चरण 4: वेबसॉकेट क्लाइंट की स्थापना

नाम वाली एक और फ़ाइल बनाएं ग्राहक की ओर 'क्लाइंट पक्ष को सेट करने के लिए जो सर्वर से कनेक्ट हो जाता है। मूल क्लाइंट-साइड सेट करने के लिए नीचे दिया गया कोड डालें जो सर्वर पर कनेक्ट होने पर एक यादृच्छिक संदेश प्रदर्शित करता है:

कॉन्स्ट ओबीजे = नया वेबसॉकेट ( 'ws://localhost:3000' ) ;

ओबीजे. addEventListener ( 'खुला' , ( ) => {

सांत्वना देना। लकड़ी का लट्ठा ( 'आप Linuxhint सर्वर से जुड़े हुए हैं!' ) ;

} ) ;

उपरोक्त कोड ब्लॉक का विवरण:

  • सबसे पहले, 'के लिए एक नई वस्तु बनाएँ' वेबसॉकेट() 'प्रोटोकॉल जिसे पोर्ट नंबर वाले लोकलहोस्ट पर सुना जाता है' 3000 ”।
  • फिर, नए ऑब्जेक्ट को 'नाम वाले वेरिएबल में स्टोर करें ओबीजे ”।
  • उसके बाद, 'के इवेंट श्रोता को संलग्न करें खुला ' इस के साथ ' ओबीजे ”। जब सर्वर दिए गए पोर्ट नंबर के साथ लोकलहोस्ट पर लोड हो जाएगा तो यह ईवेंट श्रोता एक अनाम फ़ंक्शन निष्पादित करेगा।
  • फ़ंक्शन कंसोल पर एक यादृच्छिक कनेक्शन-संबंधी संदेश प्रदर्शित करता है।

चरण 5: वेबपेज बनाना

प्रोजेक्ट निर्देशिका के अंदर, एक ' बनाएं .html 'नाम वाली फ़ाइल टाइप करें' अनुक्रमणिका 'जिसमें आयात करने के लिए एकल स्क्रिप्ट टैग के साथ-साथ HTML की मूल संरचना शामिल है' क्लाइंटसाइड.जे.एस ' फ़ाइल:

DOCTYPE html >

< केवल html = 'में' >

< सिर >

< मेटा चारसेट = 'यूटीएफ-8' >

< शीर्षक > ग्राहक शीर्षक >

सिर >

< शरीर >

< एच 1 > लिनक्सहिंट वेबसाइट एच 1 >

शरीर >

< स्क्रिप्ट स्रोत = 'क्लाइंटसाइड.जेएस' > लिखी हुई कहानी >

एचटीएमएल >

चरण 6: निष्पादन

खोलें ' Index.html ” वेबपेज पर सीधे निर्देशिका से। फिर, टर्मिनल या कमांड प्रॉम्प्ट पर जाएँ और नीचे दिए गए कमांड को निष्पादित करें:

नोड सर्वरसाइड

आउटपुट संदेश दिखाता है कि सर्वर प्रारंभ हो गया है।

अब सर्वर को बंद किए बिना, Index.html पर जाएं और इसे वेब ब्राउज़र पर खोलें। वहां कनेक्शन सफलता संदेश कंसोल विंडो पर दिखाई देगा:

आउटपुट दिखाता है कि क्लाइंट और सर्वर साइड के बीच कनेक्शन स्थापित हो गया है। इस ब्लॉग में NodeJs में वेबसॉकेट कनेक्शन बनाने की प्रक्रिया को समझाया गया है।

निष्कर्ष

NodeJs में एक वेबसॉकेट कनेक्शन बनाने के लिए, एक नया NodeJs प्रोजेक्ट बनाएं और 'इंस्टॉल करें' डब्ल्यू.एस 'मॉड्यूल' चलाकर एनपीएम इंस्टॉल डब्ल्यूएस ' आज्ञा। अब, सर्वर साइड के लिए एक फ़ाइल बनाएं और उसके अंदर 'आयात करें' डब्ल्यू.एस ' मापांक। पोर्ट पर वेबसॉकेट सर्वर बनाने के लिए इस मॉड्यूल का उपयोग करें 3000 ”। क्लाइंट-साइड के लिए एक और फ़ाइल बनाएं जिसमें आपको 'के लिए एक नया ऑब्जेक्ट परिभाषित करने की आवश्यकता है' वेबसॉकेट 'नामांकित' ओबीजे 'और इसे बंदरगाह पर सुनें' 3000 ”। इस ब्लॉग में NodeJs में WebSocket कनेक्शन स्थापित करने की प्रक्रिया का वर्णन किया गया है।