WebSocket-為甚麼要做這個?

專案背景

最近在做團體專題電商網站時,想要一個有趣的需求 - 共享購物車!

簡單來說就是要讓一群人可以一起編輯同一個購物車,有點像是 Google 文件共編的概念,但是對象換成購物車。

遇到的第一個問題

當然最重要的就是要讓每個人看到的購物車資料都是最新的,不然一個人加了商品,其他人卻看不到,等到有人要結帳的時候想說...蝦?東西怎麼變這麼多?

一開始想說:「用輪詢好了!每隔幾秒就問問看伺服器資料有沒有更新。」 但總覺得這樣不太漂亮...🤔

找來找去...WebSocket不就是為了解決這種需求而生的嗎? 它最大的特色就是:

  • 建立連線只需要握手一次

  • 之後就能持續雙向溝通

  • 不用一直問伺服器 「欸欸,有沒有新資料啊?」

所以就決定是你了!WebSocket!來實作看看吧~

接下來要做什麼?

  1. 先研究一下WebSocket怎麼用

  2. 規劃共享購物車的資料結構

  3. 處理即時更新的邏輯

  4. 測試多人同時編輯的情況

讓我們開始吧!💪


持續更新中...

Last updated