Vue實現的聊天系統可線上訪問了

最近把聊天系統的功能作了一些完善，而後把後臺管理的功能實現了。通過本身本人的一番調試沒有太大的bug，晚上就跟着部署在服務器上了。

線上地址

前臺：co-messager.chenr.cn/#/index （請使用PC谷歌瀏覽器訪問）

若是在使用中發現什麼問題但願你們提出寶貴的意見喲。項目地址：github.com/CCZX/wechat 目前項目一直在更新中。歡迎你們留下寶貴的意見。

注意：

1. 上傳文件都尚未完成。
2. webRTC相關使用可能不穩定。
3. 推薦一個朋友圈不少的朋友連接：co-messager.chenr.cn/#/user/5d9d…
4. 因爲代碼優化不夠加上水管服務器，第一次訪問可能會比較慢請耐心等待。
5. 如發現問題請告訴我喲。

上一篇內容：

1、具有的功能

1. 好友之間聊天，支持問題、圖片、表情、音視頻通話以及白板（適用WebRTC實現）。
2. 對好友支持備註、分組功能，分組能夠添加、修改、刪除。
3. 好友之間的消息支持已讀狀態提醒，能夠即時的知道對方是否已讀消息。
4. 在線好友統計，在每一個分組中能夠查看當前在線好友的數量，並對在線好友的頭像作高亮處理。
5. 羣聊，羣聊目前只支持文字、圖片、表情的形式，目前羣聊消息也不支持已讀提醒（後續完善）。
6. 空間，相似於QQ空間，能夠發表本身的動態、查看好友的動態。
7. 動態編輯，支持對空間進行刪除、編輯的操做。
8. 動態互動，支持點贊、評論、評論回覆功能。
9. 添加好友、添加羣聊，在添加後須要對方贊成。
10. 日程管理，支持新建日程、刪除日程的功能。
11. 後臺管理：獨立的項目，使用React實現。
12. 更多細節功能在後續幾天我線上部署代碼後歡迎來體驗。

2、技術棧

Vue、Vuex、Element-UI、React、axios、sass、ES六、WebSocket、Node等。

3、難點

1. 各類組件的拆分，項目文件結構。
2. 修改用戶分組、分組後用戶界面即時響應。
3. 在獲取會話後，對每條會話最後一條消息的獲取處理邏輯。
4. 對接七牛雲實現實現圖片的上傳。
5. webRTC技術。
6. 收到消息後即時提醒以及未讀消息的數量提醒。
7. 消息已讀提醒設置。
8. 用戶退出登陸後，後端登陸信息的即時清除。
9. 空間動態的評論以及回覆評論實現。
10. 不一樣頁面組件之間執行操做後的響應。

4、項目截圖

一、最近會話列表頁面（最近會話按照最後消息時間排序，在發送新的消息後該會話會排序到第一條）

二、好友分組、羣聊分類

三、新消息提醒、已讀提醒

四、空間動態

該項目本人最近會一直跟進，直到實現一個較爲完善的聊天系統，後續再進行優化升級。項目地址：github.com/CCZX/wechat 歡迎你們提出寶貴的意見，若是能提PR或者issues就更好了。若是你以爲項目還能夠請留下你的star✨吧🌹。