前提
一個基于平臺內(nèi)部的聊天項目，需要實現(xiàn)用戶之間可以相互聊天發(fā)送消息，可以添加好友等功能。且消息必須是實時性的注益，并且用戶下線后再次上線可以接受離線消息。
技術(shù)棧
Vue.js + Html5 + CSS3 + Sass + Vuex + Axios + Websocket 等
源碼
項目實例
因為項目接口為線上接口 本地運行會報錯 你可以將本地loaclhost 地址 指向 stone.snail.com
或者直接訪問 線上地址 在 另一個項目社區(qū) 注冊賬號 返回后即可體驗
技術(shù)難點
- 實現(xiàn)從好友列表到聊天列表的發(fā)起
- 消息的存儲
- 上下線狀態(tài)的即時變動
- 收到消息即使提醒以及未讀消息的數(shù)量
- 好友刪除的通知 等等
項目運行
git clone https://github.com/jiaopianjun/echat.git
npm install
npm run dev
項目截圖
1.png
2.png
3.png
4.png
6.png
