close

Lähetys ja WebSocket integrointi Node.js

Datan lähettäminen ja integrointi WebSocket ovat kaksi keskeistä näkökohtaa reaaliaikaisten sovellusten rakentamisessa Node.js. Tässä artikkelissa tutkimme, kuinka lähettää tietoja ja integroida WebSocket interaktiivinen ja reagoiva käyttökokemus.

Vaihe 1: Lähetä tiedot palvelimelta

Lähettääksesi tietoja palvelimelta asiakasyhteyksille voit esimerkiksi broadcast lähettää viestejä kaikille yhteyksille tai send lähettää viestin tiettyyn yhteyteen. Tässä on esimerkki tietojen lähettämisestä palvelimelta:

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

Vaihe 2: Integrointi WebSocket sovelluksiin Node.js

Integroidaksesi WebSocket sovellukseen Node.js sinun on muodostettava WebSocket yhteys JavaScript-koodissasi. Tässä on esimerkki integroinnista WebSocket sovelluksesi asiakaspuolelle:

// 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 = '';  
}

 

Johtopäätös

Lähettämällä tietoja ja integroimalla WebSocket -sovellukseen Node.js voit rakentaa interaktiivisia ja reagoivia reaaliaikaisia ​​sovelluksia. Tämä parantaa käyttökokemusta ja mahdollistaa reaaliaikaisen vuorovaikutuksen asiakas- ja palvelinsovellusten välillä.