Socketio-Client

這是一個使用 Create React App 搭配 Material-ui 建立的前端專案，專門用來提供前端專案聊天室的功能，使用 Socket.io 與後端專案搭配製作出聊天室；後端專案可參考此處 Socketio-Server。

基本功能為：

1. 建立聊天室

2. 聊天室/頻道 分群聊天 - Socket.io Rooms

3. 可接受公告全體推播，可透過前端打 API，詳細可參考後端專案。

介紹文章可參考 [NodeJS Become A Full Stack Developer] — 透過 Socket.io 來製作即時聊天室吧

---

使用方法

1. $ git clone https://github.com/RexHung0302/Socketio-Client.git

2. $ cd Socketio-Client // 或你 clone 下來的專案名稱

3. npm i / yarn i // 使用 docker 可跳過

4. npm start // 或是 docker build & run

如果在本地跑，請把 src/pages/index/index.tsx 的 basename="/Socketio-Client" 拿掉，不然會倒到錯誤的頁面，這是為了讓專案能在 Github 上順利跑才加的

---

備註

1. 這個專案僅提供實驗性質，請勿使用在盈利或者工作上，因作者不保證功能無瑕疵或者有任何 Bug，請自行承擔風險。

2. 後端專案可參考連結

---

相關介紹文章

【筆記】Socket，Websocket，Socket.io 的差異

用 Socket.io 做一個即時聊天室吧！（直播筆記）