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