基於Vue的點對點聊天項目

前提

一個基於平臺內部的聊天項目，須要實現用戶之間能夠相互聊天發送消息，能夠添加好友等功能。且消息必須是實時性的，而且用戶下線後再次上線能夠接受離線消息。

技術棧

Vue.js + Html5 + CSS3 + Sass + Vuex + Axios + Websocket 等

源碼

Github

項目實例

• 由於項目接口爲線上接口 本地運行會報錯 你能夠將本地loaclhost 地址 指向 stone.snail.com
• 或者直接訪問 線上地址 在 另外一個項目社區 註冊帳號 返回後便可體驗

技術難點

• 實現從好友列表到聊天列表的發起
• 消息的存儲
• 上下線狀態的即時變更
• 收到消息即便提醒以及未讀消息的數量
• 好友刪除的通知 等等

項目運行

• git clone https://github.com/jiaopianju...
• npm install
• npm run dev

項目截圖