close

WebSocket کے ساتھ ایک بنیادی سرور بنانا Node.js

ایک real-time چیٹ ایپلیکیشن اس بات کی ایک بہترین مثال ہے کہ کس طرح ایک انٹرایکٹو اور پرکشش صارف کا تجربہ تخلیق کرنے کے لیے استعمال WebSocket کیا جائے۔ Node.js اس آرٹیکل میں، ہم دریافت کریں گے کہ کس طرح real-time چیٹ ایپلی کیشن کو استعمال کرکے بنایا جائے WebSocket ۔ Node.js

مرحلہ 1: ماحول کو ترتیب دینا

سب سے پہلے، یقینی بنائیں کہ آپ نے Node.js اپنے کمپیوٹر پر انسٹال کر لیا ہے۔ اپنے پروجیکٹ کے لیے ایک نیا فولڈر بنائیں اور استعمال کرکے اس میں تشریف لے جائیں Terminal یا Command Prompt ۔

مرحلہ 2: WebSocket لائبریری انسٹال کرنا

پہلے کی طرح، لائبریری کو انسٹال کرنے کے لیے "ws" لائبریری کا استعمال کریں WebSocket:

npm install ws

مرحلہ 3: WebSocket سرور کی تعمیر

نام کی ایک فائل بنائیں server.js  اور درج ذیل کوڈ لکھیں۔ 

// Import the WebSocket library  
const WebSocket = require('ws');  
  
// Create a WebSocket server  
const server = new WebSocket.Server({ port: 8080 });  
  
// List of connections(clients)  
const clients = new Set();  
  
// Handle new connections  
server.on('connection',(socket) => {  
    console.log('Client connected.');  
  
    // Add connection to the list  
    clients.add(socket);  
  
    // Handle incoming messages from the client  
    socket.on('message',(message) => {  
        // Send the message to all other connections  
        for(const client of clients) {  
            if(client !== socket) {  
                client.send(message);  
            }  
        }  
    });  
  
    // Handle connection close  
    socket.on('close',() => {  
        console.log('Client disconnected.');  
        // Remove the connection from the list  
        clients.delete(socket);  
    });  
});

مرحلہ 4: یوزر انٹرفیس بنانا(کلائنٹ)

نام کی ایک فائل بنائیں index.html اور درج ذیل کوڈ لکھیں۔ 

<!DOCTYPE html>  
<html>  
<head>  
    <title>Real-Time Chat</title>  
</head>  
<body>  
    <input type="text" id="message" placeholder="Type a message">  
    <button onclick="send()">Send</button>  
    <div id="chat"></div>  
      
    <script>  
        const socket = new WebSocket('ws://localhost:8080');  
        socket.onmessage =(event) => {  
            const chat = document.getElementById('chat');  
            chat.innerHTML += '<p>' + event.data + '</p>';  
        };  
  
        function send() {  
            const messageInput = document.getElementById('message');  
            const message = messageInput.value;  
            socket.send(message);  
            messageInput.value = '';  
        }  
    </script>  
</body>  
</html>

مرحلہ 5: سرور کو چلانا اور براؤزر کھولنا

میں Terminal ، سرور کو شروع کرنے کے لیے درج ذیل کمانڈ کو چلائیں WebSocket:

node server.js

چیٹ ایپلیکیشن استعمال کرنے کے لیے ایک ویب براؤزر کھولیں اور " http://localhost:8080 " پر جائیں ۔ real-time

 

نتیجہ

مبارک ہو! آپ نے کامیابی کے ساتھ ایک real-time چیٹ ایپلی کیشن بنایا ہے WebSocket اور Node.js. یہ ایپلیکیشن صارفین کو بات چیت کرنے اور پیغامات بھیجنے/ وصول کرنے کی اجازت دیتی ہے real-time ۔ آپ مختلف دلچسپ خصوصیات بنانے کے لیے اس ایپلیکیشن کو بڑھانا اور اپنی مرضی کے مطابق بنانا جاری رکھ سکتے ہیں!