不會固定某一個頁面一般都是用多 frame 來實現，即建立 WebSocket 是單獨的一個 frame，且此 frame 不隨頁面切換而重新整理，至於其他需要在頁面切換時重新整理的元素放在其他 frame 裡。websocket 對前端其實還蠻簡單(如果以前有對ajax的經驗的話)，與平時ajax的區別大多就是在事件監聽上的不同，在onMessage回撥裡拿到你想要的資料後就與ajax無異了，主要是後端的推送資料方式有比較大的改變。後端推送資料方式就有點類似於 tcp 的方式，搭配框架實現起來還蠻方便的，如果你瞭解php，建議你後端使用 php workerman，當然websocket其實只能實現線上推送，推送方面類似的比如 PWA 也不錯，不過學習成本比較高。

後端的程式碼我不太瞭解，前端程式碼的話 直接建立 ws連線就可以了，

var ws=new WebSocket("ws://location.../params")

params 可以是使用者的識別資訊等等，可以一個也可以多個。

然後用 onclose,onmessage,onerror,onclose寫入當不同的ws事件發生時執行的函式。