Veri yayınlama ve tümleştirme WebSocket, Node.js. WebSocket Bu makalede, etkileşimli ve duyarlı bir kullanıcı deneyimi oluşturmak için verileri yayınlamayı ve entegre etmeyi keşfedeceğiz .
1. Adım: Verileri Sunucudan Yayınlama
broadcast
Sunucudan istemci bağlantılarına veri yayınlamak için, tüm bağlantılara mesaj göndermek veya send
belirli bir bağlantıya mesaj göndermek gibi yöntemleri kullanabilirsiniz. Sunucudan veri yayınlamaya bir örnek:
// ... 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);
});
});
2. Adım: WebSocket Uygulamalara Node.js Entegrasyon
WebSocket Bir uygulamaya entegre etmek için JavaScript kodunuzda Node.js bir bağlantı kurmanız gerekir. WebSocket İşte WebSocket uygulamanızın istemci tarafında entegrasyona bir örnek:
// 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 = '';
}
Çözüm
Verileri yayınlayarak ve entegre ederek WebSocket, Node.js etkileşimli ve duyarlı gerçek zamanlı uygulamalar oluşturabilirsiniz. Bu, kullanıcı deneyimlerini geliştirir ve istemci ile sunucu uygulamaları arasında gerçek zamanlı etkileşime olanak tanır.