分布式IM即時(shí)通訊系統(tǒng)本質(zhì)上就是對(duì)線上聊天和用戶的管理，針對(duì)聊天本身來說，最核心的需求就是：發(fā)送文字、圖片、文件、語音、視頻、消息緩存、消息存儲(chǔ)、消息未讀、已讀、撤回，離線消息、歷史消息、單聊、群聊，多端同步，以及其他一些需求。

對(duì)用戶管理來說，存在的需求包含：添加好友、查看還有列表、刪除好友、查看好友信息、創(chuàng)建群聊、加入群聊、查看群成員信息、退出群聊、修改群昵稱、拉人進(jìn)群、踢人出群、解散群聊、填寫群公告、修改群備注以及其他用戶相關(guān)的需求等。

一、IM系統(tǒng)概述

整個(gè)分布式IM即時(shí)通訊系統(tǒng)涵蓋：即時(shí)通訊后端服務(wù)、即時(shí)通訊SDK、大后端平臺(tái)、大前端UI、OpenAI接入服務(wù)，先來看看代碼工程。

圖片

這是一個(gè)前后端分離的、支持橫向擴(kuò)展和彈性擴(kuò)縮容的高并發(fā)分布式IM即時(shí)通訊系統(tǒng)，也是一個(gè)可以真正寫到簡(jiǎn)歷的生產(chǎn)級(jí)項(xiàng)目，同樣，其簡(jiǎn)化版本也可以拿來做畢業(yè)設(shè)計(jì)，讓你在眾多的CRUD項(xiàng)目中脫穎而出。

經(jīng)過一段時(shí)間的研發(fā)和打磨，分布式IM即時(shí)通訊系統(tǒng)已全面進(jìn)入前端UI設(shè)計(jì)與研發(fā)階段，冰河正帶著大家從產(chǎn)品原型設(shè)計(jì)開始入手，到編碼實(shí)現(xiàn)，再到測(cè)試驗(yàn)證，通過設(shè)計(jì)和開發(fā)前端頁面，可以讓大家更直觀的感受到單聊和群聊消息在整個(gè)分布式IM即時(shí)通訊系統(tǒng)中的流轉(zhuǎn)過程。

二、原型展示

目前關(guān)于大前端UI部分，已經(jīng)完成了 基礎(chǔ)架構(gòu)、用戶模塊、好友模塊和群組模塊 的設(shè)計(jì)和研發(fā)，目前正在重點(diǎn)設(shè)計(jì)和研發(fā)單聊消息和群聊消息在大前端UI和各個(gè)后端服務(wù)之間的流轉(zhuǎn)過程。

今天我們就以群組模塊為例，給大家簡(jiǎn)單展示下目前冰河畫的原型設(shè)計(jì)草稿，像用戶、好友、群組、單聊、群聊等等模塊的詳細(xì)設(shè)計(jì)和實(shí)現(xiàn)效果，大家可以到星球通過 專欄+視頻+小冊(cè)+源碼+答疑 的方式進(jìn)行學(xué)習(xí)，這里不再贅述。

（1）創(chuàng)建群組原型草稿

圖片

（2）修改群組原型草稿

圖片

（3）拉人進(jìn)群原型草稿

圖片

（4）踢人出群原型草稿

圖片

（5）成員退群原型草稿

圖片

（6）解散群聊原型草稿

圖片

三、研發(fā)效果

這里，同樣以群組模塊為例來給大家簡(jiǎn)單展示下目前冰河實(shí)現(xiàn)的前端效果，像用戶、好友、群組、單聊、群聊等等模塊的詳細(xì)設(shè)計(jì)和實(shí)現(xiàn)效果，大家同樣可以到星球通過 專欄+視頻+小冊(cè)+源碼+答疑 的方式進(jìn)行學(xué)習(xí)，這里不再贅述。

（1）創(chuàng)建群組實(shí)現(xiàn)效果

圖片

（2）修改群組實(shí)現(xiàn)效果

圖片

（3）拉人進(jìn)群實(shí)現(xiàn)效果

圖片

（4）踢人出群實(shí)現(xiàn)效果

圖片

（5）成員退群實(shí)現(xiàn)效果

圖片

（6）解散群聊實(shí)現(xiàn)效果

圖片