Supabase Realtime 2.0 — Broadcast, Presence, 동기화

Broadcast

const channel = supabase.channel("room-1");

// 메시지 수신
channel.on("broadcast", { event: "cursor" }, (payload) => {
  updateCursor(payload.x, payload.y);
});

// 메시지 발송
channel.send({
  type: "broadcast",
  event: "cursor",
  payload: { x: 100, y: 200 },
});

await channel.subscribe();

Presence

channel.on("presence", { event: "sync" }, () => {
  const state = channel.presenceState();
  console.log("Online users:", Object.keys(state).length);
});

await channel.track({ user_id: "1", status: "online" });