如何在不刷新的情況下更改用戶頁面內容

Question

我有一個帶有視頻播放器 window 的反應 js 應用程序，使用 Firebase 數據庫。 我有一個管理面板，可以更改所示視頻的 url。

我想當管理員更改顯示的視頻時，另一端用戶顯示的視頻，在不刷新頁面的情況下更改。

我怎樣才能做到這一點？

Answer 1

我認為您應該使用 WebSockets ( https://developer.mozilla.org/en-US/docs/Web/API/WebSockets_API/Writing_WebSocket_client_applications )。 客戶端將偵聽更改並更改組件內部的 state。

Answer 2

我找到了一種使用 Firebase 的簡單方法。使用 Cloud Firestore 獲取實時更新。

onSnapshot() function

您可以使用 onSnapshot() 方法收聽文檔。 使用您提供的回調的初始調用會立即使用單個文檔的當前內容創建文檔快照。 然后，每次內容更改時，另一個調用會更新文檔快照。