close

방송 및 WebSocket 통합 Node.js

데이터 브로드 WebSocket 캐스팅과 통합은 Node.js. WebSocket 이 기사에서는 데이터를 브로드캐스트하고 통합하여 대화형 및 반응형 사용자 경험을 만드는 방법을 살펴봅니다 .

1단계: 서버에서 데이터 브로드캐스팅

서버에서 클라이언트 연결로 데이터를 브로드캐스트하려면 broadcast 모든 연결에 메시지를 보내거나 send 특정 연결에 메시지를 보내는 것과 같은 방법을 사용할 수 있습니다. 다음은 서버에서 브로드캐스팅 데이터의 예입니다.

// ... 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단계: 애플리케이션 WebSocket 에 통합 Node.js

WebSocket 애플리케이션 에 통합하려면 JavaScript 코드에서 연결을 Node.js 설정해야 합니다. 다음은 애플리케이션의 클라이언트 측에 WebSocket 통합하는 예입니다. WebSocket 

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

 

결론

데이터를 브로드캐스팅하고 WebSocket 에 통합하여 Node.js 대화형 및 반응형 실시간 애플리케이션을 구축할 수 있습니다. 이를 통해 사용자 경험이 향상되고 클라이언트와 서버 애플리케이션 간의 실시간 상호 작용이 가능합니다.