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