Choose Language

Apply ⏱ 30 min

Socket.io Chat App Using WebSockets

What You Will Learn

  • Socket.io का उपयोग करके वेबसॉकेट्स के साथ रियल-टाइम चैट एप्लिकेशन बनाने का तरीका सीखें।
  • Node.js और Express का उपयोग करके सर्वर-साइड कोड लिखने का तरीका सीखें।
  • वेबसॉकेट्स के माध्यम से क्लाइंट और सर्वर के बीच दो-तरफ़ा संचार को लागू करने का तरीका सीखें।

Key Concepts

वेबसॉकेट्स दो-तरफ़ा संचार की अनुमति देते हैं, जिससे क्लाइंट और सर्वर एक दूसरे के साथ वास्तविक समय में संवाद कर सकते हैं। Socket.io एक लाइब्रेरी है जो वेबसॉकेट्स के माध्यम से दो-तरफ़ा संचार को संभव बनाती है। Node.js और Express का उपयोग करके सर्वर-साइड कोड लिखा जा सकता है, जो वेबसॉकेट्स के माध्यम से क्लाइंट के साथ संवाद कर सकता है। वेबसॉकेट्स के माध्यम से डेटा को सीरियलाइज़ किया जा सकता है और JSON ऑब्जेक्ट्स के रूप में भेजा जा सकता है।

Code Examples

var express = require('express');
// यह कोड एक्सप्रेस लाइब्रेरी को शामिल करता है।
var app = express();
// यह कोड एक्सप्रेस ऐप को बनाता है।
var server = require('http').createServer(app);
// यह कोड एक्सप्रेस सर्वर को बनाता है।
var io = require('socket.io').listen(server);
// यह कोड सॉकेट.आईओ लाइब्रेरी को शामिल करता है और इसे सर्वर से जोड़ता है।

Lesson Summary

इस पाठ में, हमने वेबसॉकेट्स के साथ रियल-टाइम चैट एप्लिकेशन बनाने के लिए सॉकेट.आईओ का उपयोग करना सीखा। हमने Node.js और Express का उपयोग करके सर्वर-साइड कोड लिखना सीखा, और वेबसॉकेट्स के माध्यम से क्लाइंट और सर्वर के बीच दो-तरफ़ा संचार को लागू करना सीखा। हमने यह भी सीखा कि वेबसॉकेट्स के माध्यम से डेटा को सीरियलाइज़ किया जा सकता है और JSON ऑब्जेक्ट्स के रूप में भेजा जा सकता है। इस पाठ के अंत में, आप एक बुनियादी चैट एप्लिकेशन बनाने में सक्षम होंगे जो वेबसॉकेट्स का उपयोग करता है।

Practice Exercise

एक सरल चैट एप्लिकेशन बनाएं जो वेबसॉकेट्स का उपयोग करता है। इसमें एक फॉर्म शामिल होना चाहिए जिसमें उपयोगकर्ता अपना नाम दर्ज कर सकते हैं, और एक टेक्स्ट एरिया जहां उपयोगकर्ता संदेश दर्ज कर सकते हैं। जब उपयोगकर्ता संदेश भेजता है, तो यह सभी कनेक्टेड क्लाइंट्स को दिखाई देना चाहिए।

What Is Next

अगले पाठ में, हम वेबसॉकेट्स के साथ अधिक जटिल एप्लिकेशन बनाने के लिए आगे बढ़ेंगे, जैसे कि एक मल्टीप्लेयर गेम या एक वास्तविक समय में अपडेट होने वाला डैशबोर्ड।