go chat web

go-chat

Use Go's WebSocket-based communication chat software.

Feature list:

• Log in and register
• Modify avatar
• Group Chat
• Group Friend List
• Single chat
• Add friends
• Add a group
• Text message
• Cutting board picture
• Picture message
• File sending
• Voice message
• Video message
• Screen Sharing (based on image)
• Video call (P2P video call based on webrtc)

rear end

Coroutines in the code repository go are very lightweight. When each client is accessed, a coroutine is enabled for each client, which can achieve greater concurrency on a stand-alone machine. At the same time, go channel can perfectly decouple client access and message forwarding and other operations.

Through go-chat, you can master the use of channel and Select, the use of ORM framework, the use of web framework Gin, configuration management, log operation, and other commonly used technologies in some projects.

Backend technology and framework

• Web Framework Gin
• Long connection to WebSocket
• Log Framework Uber's zap
• Configuration management viper
• ORM framework gorm
• Communication protocol Google's proto buffer
• Writing makefile
• Database MySQL
• Image file binary operation

front end

Based on react, UI and basic components are used with ant design. It can be very convenient to build the front-end interface.

Selecting a single page frame on the interface makes it more convenient to write a chat interface. For example, for example, message reminders, you can receive messages in one interface for reminders, and the message acceptance will not be affected by changing pages or viewing other content. Front-end code repository: https://github.com/kone-net/go-chat-web

Front-end technology and framework

• React
• Redux State Management
• AntDesign
• Use of proto buffer
• WebSocket
• File reading and operation of clipboard
• Send text on the chat box to display the bottom
• FileReader operates on files
• Conversion between ArrayBuffer, Blob, Uint8Array
• Get camera videos (mediaDevices)
• Get microphone audio (Recorder)
• Get screen sharing (mediaDevices)
• WebRTC's p2p video call

screenshot

• Voice, text, pictures, video messages

• Video call

• Screen Sharing

Branch Description

one-file branch: This branch is implemented in one file, including voice, text, pictures, video messages, video calls, voice calls, screen sharing. main branch: It is to split each part. Split the Panel into, left, center, and right. The sending file, picture, and file on the right is split into smaller components.