go chat web

go-chat

使用Go基於WebSocket的通訊聊天軟件。

功能列表：

• 登錄註冊
• 修改頭像
• 群聊天
• 群好友列表
• 單人聊天
• 添加好友
• 添加群組
• 文本消息
• 剪切板圖片
• 圖片消息
• 文件發送
• 語音消息
• 視頻消息
• 屏幕共享（基於圖片）
• 視頻通話（基於webrtc的p2p視頻通話）

後端

代碼倉庫go中協程是非常輕量級的。在每個client接入的時候，為每一個client開啟一個協程，能夠在單機實現更大的並發。同時go的channel，可以非常完美的解耦client接入和消息的轉發等操作。

通過go-chat，可以掌握channel的和Select的配合使用，ORM框架的使用，web框架Gin的使用，配置管理，日誌操作，還包括proto buffer協議的使用，等一些列項目中常用的技術。

後端技術和框架

• web框架Gin
• 長連接WebSocket
• 日誌框架Uber的zap
• 配置管理viper
• ORM框架gorm
• 通訊協議Google的proto buffer
• makefile 的編寫
• 數據庫MySQL
• 圖片文件二進制操作

前端

基於react,UI和基本組件是使用ant design。可以很方便搭建前端界面。

界面選擇單頁框架可以更加方便寫聊天界面，比如像消息提醒，可以在一個界面接受到消息進行提醒，不會因為換頁面或者查看其他內容影響消息接受。 前端代碼倉庫： https://github.com/kone-net/go-chat-web

前端技術和框架

• React
• Redux狀態管理
• AntDesign
• proto buffer的使用
• WebSocket
• 剪切板的文件讀取和操作
• 聊天框發送文字顯示底部
• FileReader對文件操作
• ArrayBuffer，Blob，Uint8Array之間的轉換
• 獲取攝像頭視頻（mediaDevices）
• 獲取麥克風音頻（Recorder）
• 獲取屏幕共享（mediaDevices）
• WebRTC的p2p視頻通話

截圖

• 語音，文字，圖片，視頻消息

• 視頻通話

• 屏幕共享

分支說明

one-file分支： 該分支是所有邏輯都在一個文件實現，包括語音，文字，圖片，視頻消息，視頻通話，語音電話，屏幕共享。 main分支： 是將各個部分進行拆分。將Panel拆分成，左、中、右。又將右邊的發送文件，圖片，文件拆分成更小的組件。