close

Ag tógáil freastalaí bunúsach WebSocket le Node.js

real-time Is sampla iontach é feidhmchlár comhrá ar conas é a úsáid chun WebSocket eispéireas Node.js úsáideora idirghníomhach agus tarraingteach a chruthú. San Airteagal seo, déanfaimid iniúchadh ar conas real-time feidhmchlár comhrá a thógáil ag baint úsáide as WebSocket agus Node.js.

Céim 1: An Timpeallacht a Bhunú

Ar dtús, déan cinnte go bhfuil tú Node.js suiteáilte ar do ríomhaire. Cruthaigh fillteán nua do do thionscadal agus déan nascleanúint isteach ann ag úsáid Terminal nó Command Prompt.

Céim 2: Suiteáil an WebSocket Leabharlann

Mar a rinneadh cheana, bain úsáid as an leabharlann "ws" chun an WebSocket leabharlann a shuiteáil:

npm install ws

Céim 3: Tógáil an WebSocket Freastalaí

Cruthaigh comhad darb ainm server.js  agus scríobh an cód seo a leanas:

// 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);  
    });  
});

Céim 4: Cruthú an Chomhéadain Úsáideora(Cliant)

Cruthaigh comhad darb ainm index.html agus scríobh an cód seo a leanas:

<!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>

Céim 5: Rith an Freastalaí agus Oscail an Brabhsálaí

Sa Terminal, rith an t-ordú seo a leanas chun an WebSocket freastalaí a thosú:

node server.js

Oscail brabhsálaí gréasáin agus déan nascleanúint chuig " http://localhost:8080 " chun an real-time feidhmchlár comhrá a úsáid.

 

Conclúid

Comhghairdeachas! D'éirigh leat real-time feidhmchlár comhrá a thógáil trí úsáid a bhaint as WebSocket agus Node.js. Ligeann an feidhmchlár seo d'úsáideoirí idirghníomhú agus teachtaireachtaí a sheoladh/a fháil i real-time. Is féidir leat leanúint leis an bhfeidhmchlár seo a leathnú agus a shaincheapadh chun gnéithe spreagúla éagsúla a chruthú!