~11 min · protocol, events, commands, pubsub
Event: 서버 push, 클라 react. notification, price update, presence — user 가 지금 안 물어본 모든 거. Command: 클라가 서버한테 뭐 하라고; 서버가 응답할 수도 안 할 수도. chat 보내기, profile update, room join. Pub/Sub: 클라가 명시적으로 topic 구독; 서버가 구독 topic message 만 보냄. 한 connection 이 여러 독립 feed multiplex 할 때 유용.
Trading 플랫폼: market data 엔 pub/sub (symbol 구독), order placement 엔 command, fill 엔 event. Chat 앱: room join 엔 pub/sub, message 보내기 엔 command, typing/presence 엔 event. 패턴 합쳐 쓰지, 배타적 아냐.
ws.onmessage = (e) => {
const { type, data } = JSON.parse(e.data);
switch (type) {
case 'notification.new': showToast(data); break;
case 'price.update': tickChart(data); break;
case 'user.online': updatePresence(data); break;
case 'document.changed': applyEdit(data); break;
}
};ws.send(JSON.stringify({
type: 'room.join',
data: { room: 'general' }
}));
ws.send(JSON.stringify({
type: 'chat.send',
data: { room: 'general', text: 'hi' }
}));
ws.send(JSON.stringify({
type: 'user.status',
data: { status: 'away' }
}));// Subscribe to specific channels
ws.send(JSON.stringify({
type: 'subscribe',
data: { channels: ['prices.BTC', 'prices.ETH', 'news.crypto'] }
}));
// Server only sends messages for these channels
ws.onmessage = (e) => {
const msg = JSON.parse(e.data);
// msg.channel tells you which subscription this is for
routeByChannel(msg.channel, msg.data);
};아직 댓글이 없어요. 첫 댓글을 남겨보세요.