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 । ਤੁਸੀਂ ਵੱਖ-ਵੱਖ ਦਿਲਚਸਪ ਵਿਸ਼ੇਸ਼ਤਾਵਾਂ ਬਣਾਉਣ ਲਈ ਇਸ ਐਪਲੀਕੇਸ਼ਨ ਨੂੰ ਵਿਸਤਾਰ ਅਤੇ ਅਨੁਕੂਲਿਤ ਕਰਨਾ ਜਾਰੀ ਰੱਖ ਸਕਦੇ ਹੋ!