14-3 (付費) 推播架構：SSE 與高效能輪詢

1. Server-Sent Events (SSE)

SSE 是單向的（Server -> Client），非常適合資料流。

const eventSource = new EventSource("/api/stock-updates");

eventSource.onmessage = (event) => {
  const data = JSON.parse(event.data);
  console.log(`最新股價：${data.price}`);
};

eventSource.onerror = () => {
  console.log("連線斷開，SSE 會自動嘗試重連...");
};

2. 智慧型長輪詢 (Long Polling)

如果你的環境不支援 WebSocket 或 SSE，你可以使用長輪詢，但要有策略。

async function smartPoll() {
  try {
    const data = await fetch("/updates");
    // 處理資料...
    setTimeout(smartPoll, 1000); // 成功後等 1 秒再跑
  } catch (e) {
    setTimeout(smartPoll, 5000); // 失敗了就等 5 秒，這叫 Expontential Backoff (指數退避)
  }
}

3. 三大技術大評比