close

WebSocket దీనితో ప్రాథమిక సర్వర్‌ని నిర్మించడం Node.js

ఇంటరాక్టివ్ మరియు ఆకర్షణీయమైన వినియోగదారు అనుభవాన్ని సృష్టించడానికి ఎలా ఉపయోగించాలో చాట్ real-time అప్లికేషన్ ఒక అద్భుతమైన ఉదాహరణ. ఈ కథనంలో, మరియు ఉపయోగించి చాట్ అప్లికేషన్‌ను ఎలా నిర్మించాలో మేము విశ్లేషిస్తాము. WebSocket Node.js real-time WebSocket Node.js

దశ 1: పర్యావరణాన్ని ఏర్పాటు చేయడం

Node.js ముందుగా, మీరు మీ కంప్యూటర్‌లో ఇన్‌స్టాల్ చేశారని నిర్ధారించుకోండి. Terminal మీ ప్రాజెక్ట్ కోసం కొత్త ఫోల్డర్‌ని సృష్టించండి మరియు లేదా ఉపయోగించి దానిలోకి నావిగేట్ చేయండి Command Prompt.

దశ 2: WebSocket లైబ్రరీని ఇన్‌స్టాల్ చేస్తోంది

మునుపటిలాగా, WebSocket లైబ్రరీని ఇన్‌స్టాల్ చేయడానికి "ws" లైబ్రరీని ఉపయోగించండి:

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