https://benzhub.github.io/tags/presence/Recent content in Presence on BenzHubHugozh-TWSun, 18 Oct 2026 00:00:00 +0000https://benzhub.github.io/post/supabase/029-realtime-presence/Sun, 18 Oct 2026 00:00:00 +0000https://benzhub.github.io/post/supabase/029-realtime-presence/<blockquote> <p>上一篇的 <strong>Broadcast</strong> 幫我們把「稍縱即逝的高頻互動」做到毫秒級即時。這一篇要解決協作場景裡另一個經典需求——<strong>「現在有哪些人在線上？」</strong> <strong>Presence（線上狀態）</strong> 是 Supabase Realtime 的第三種能力：每個客戶端用 <code>channel.track(state)</code> 登記自己的狀態，Supabase 底層用 <strong>CRDT</strong> 在分散式環境自動同步這份共享名單，你只要監聽 <code>sync</code>／<code>join</code>／<code>leave</code> 事件、用 <code>presenceState()</code> 讀取，就能做出線上頭像、參與者列表與 <strong>typing</strong> 打字指示。你也會學到用 <code>config: { presence: { key } }</code> 讓同一人的多分頁多裝置<strong>去重</strong>，以及人數上限與 <code>track</code> 頻率的效能注意事項。</p> </blockquote>