인터넷 기술의 빠른 개발로 실시간 데이터 푸시는 현대적인 애플리케이션 시스템의 필수 부분이되었습니다. 기존의 HTTP 프로토콜은 널리 사용되지만 요청-응답 모드는 실시간 데이터 전송의 요구를 충족시킬 수 없습니다. WebSocket은 전이중 통신 프로토콜로서 지속적인 연결을 설정하여 클라이언트와 서버 간의 실시간 및 양방향으로 통신 할 수 있습니다. 이 기사는 실시간 데이터 푸시에서 WebSocket의 적용을 탐색하고 실제 코드 예제를 통해이 기능을 구현하는 방법을 보여줍니다.
WebSocket은 TCP 프로토콜을 기반으로하는 통신 프로토콜입니다. HTTP 프로토콜과 달리 클라이언트와 서버 간의 지속적인 양방향 통신 연결을 설정할 수 있습니다. WebSocket의 출현은 실시간 데이터 푸시에서 HTTP 프로토콜의 한계를 해결하며 실시간 채팅, 주식 거래, 온라인 게임 및 기타 시나리오에서 널리 사용됩니다.
WebSocket에는 광범위한 응용 프로그램 시나리오가 있으며 다음은 일반적인 신청 사례입니다.
실시간 데이터 푸시에 WebSocket을 사용하려면 먼저 서버 측에서 WebSocket 서버를 작성해야합니다. node.js를 예로 들어``ws '모듈을 사용하여 WebSocket 서버를 신속하게 빌드 할 수 있습니다. 간단한 예제 코드는 다음과 같습니다.
const WebSocket = require('ws');
const wss = new WebSocket.Server({ port: 8080 });
wss.on('connection', (ws) => {
console.log('Client connected');
setInterval(() => {
ws.send(new Date().toString());
}, 1000);
ws.on('close', () => {
console.log('Client disconnected');
});
});
코드 설명 :
클라이언트는 브라우저의 내장 된 WebSocket 객체를 사용하여 서버에 연결하고 실시간으로 데이터를 수신 할 수 있습니다. 다음은 클라이언트 코드 예입니다.
const ws = new WebSocket('ws://localhost:8080');
ws.onopen = () => {
console.log('Connected to WebSocket server');
};
ws.onmessage = (message) => {
console.log('Received message: ' + message.data);
};
ws.onclose = () => {
console.log('Disconnected from WebSocket server');
};
코드 설명 :
강력한 실시간 통신 프로토콜로서 WebSocket은 실시간 데이터 푸시 시나리오에서 널리 사용됩니다. 이 기사는 간단한 코드를 통해 서버와 클라이언트 간의 WebSocket 간의 실시간 데이터 푸시를 구현하는 방법을 보여줍니다. 이 실용적인 예를 들어, 개발자는 프로젝트에서 WebSocket 커뮤니케이션을보다 효율적으로 구현하고 다양한 비즈니스 시나리오에 맞는 요구 사항에 따라 기능을 확장 할 수 있습니다.