node websocket Chatroom

WebChat聊天室

WebChat聊天室是基於nodejs+express+socket.io模組建構的網頁聊天室工具。前端使用Vue作為前端框架。服務端使用express搭建web服務，使用socket.io 來創建服務端socket服務，實現了一些基本的聊天功能。

功能介紹

[✔]支援表情發送

[✔]支援鍵盤回車發送訊息

[✔]支援線上使用者統計和使用者列表

[✔]支援線上用戶搜尋

[✔]支援線上使用者的私聊

[✔]支援訊息聲音提示

[✔]支援訊息顯示設定

[✔]未讀訊息條數顯示

[✔]支援發送小於1M的圖片

[✔]支援行動端

相關技術站點

Vue官方文檔

Socket.io官方文檔

使用手冊

1. 下載程式碼並安裝nodejs
2. 使用npm install安裝專案依賴模組
3. 使用npm run serve啟動開發服務
4. 使用npm run prod啟動後台服務
5. 最後開啟瀏覽器造訪http://localhost:8080
6. 開發完成後打包前端程式碼npm run build

專案預覽截圖