https://benzhub.github.io/tags/%E5%8D%B3%E6%99%82/Recent content in 即時 on BenzHubHugozh-TWFri, 16 Oct 2026 00:00:00 +0000https://benzhub.github.io/post/supabase/027-realtime-postgres-changes/Fri, 16 Oct 2026 00:00:00 +0000https://benzhub.github.io/post/supabase/027-realtime-postgres-changes/<blockquote> <p>檔案處理告一段落，這一篇我們正式走進 <strong>Supabase Realtime</strong>——把「靜態的資料」變成「即時的資料流」。你會先看懂 Realtime 三大功能（<strong>Postgres Changes</strong>、<strong>Broadcast</strong>、<strong>Presence</strong>）各自的定位，接著手把手用 <code>channel().on('postgres_changes', ...).subscribe()</code> 即時訂閱資料表的 <code>INSERT</code>／<code>UPDATE</code>／<code>DELETE</code>：從把表加入 <code>supabase_realtime</code> publication、用 <code>event</code>／<code>schema</code>／<code>table</code>／<code>filter</code> 做伺服器端過濾，到搞懂 Realtime 與 <strong>RLS</strong> 的關係，最後在元件卸載時 <code>removeChannel</code> 乾淨地取消訂閱。這是 Realtime 段的開場，Broadcast 與 Presence 留給後續。</p> </blockquote>