close

Xandir u WebSocket Integrazzjoni fi Node.js

Ix-xandir tad-dejta u l-integrazzjoni WebSocket huma żewġ aspetti kruċjali tal-bini ta' applikazzjonijiet f'ħin reali b' Node.js. F'dan l-artikolu, se nesploraw kif ixandru d-dejta u nintegraw WebSocket biex noħolqu esperjenza tal-utent interattiva u reattiva.

Pass 1: Xandir tad-Data mis-Server

Biex tixxandar dejta mis-server għal konnessjonijiet tal-klijenti, tista 'tuża metodi bħal broadcast li tibgħat messaġġi lill-konnessjonijiet kollha jew send li tibgħat messaġġ lil konnessjoni speċifika. Hawn eżempju ta 'xandir ta' data mis-server:

// ... Initialize WebSocket server  
  
// Broadcast data to all connections  
function broadcast(message) {  
    for(const client of clients) {  
        client.send(message);  
    }  
}  
  
// Handle new connections  
server.on('connection',(socket) => {  
    // Add connection to the list  
    clients.add(socket);  
  
    // Handle incoming messages from the client  
    socket.on('message',(message) => {  
        // Broadcast the message to all other connections  
        broadcast(message);  
    });  
  
    // Handle connection close  
    socket.on('close',() => {  
        // Remove the connection from the list  
        clients.delete(socket);  
    });  
});

Pass 2: Integrazzjoni WebSocket fl Node.js -Applikazzjonijiet

Biex tintegra WebSocket f'applikazzjoni Node.js, trid tistabbilixxi WebSocket konnessjoni fil-kodiċi JavaScript tiegħek. Hawn eżempju ta 'integrazzjoni WebSocket fin-naħa tal-klijent tal-applikazzjoni tiegħek:

// Initialize WebSocket connection from the client  
const socket = new WebSocket('ws://localhost:8080');  
  
// Handle incoming messages from the server  
socket.onmessage =(event) => {  
    const message = event.data;  
    // Process the received message from the server  
    console.log('Received message:', message);  
};  
  
// Send a message from the client to the server  
function sendMessage() {  
    const messageInput = document.getElementById('messageInput');  
    const message = messageInput.value;  
    socket.send(message);  
    messageInput.value = '';  
}

 

Konklużjoni

Billi xxandar id-dejta u tintegra WebSocket f' Node.js, tista' tibni applikazzjonijiet interattivi u responsivi f'ħin reali. Dan itejjeb l-esperjenzi tal-utent u jippermetti interazzjoni f'ħin reali bejn l-applikazzjonijiet tal-klijent u tas-server.