go chat web

go-chat

Go의 WebSocket 기반 통신 채팅 소프트웨어를 사용하십시오.

기능 목록 :

• 로그인하고 등록하십시오
• 아바타를 수정하십시오
• 그룹 채팅
• 그룹 친구 목록
• 단일 채팅
• 친구 추가
• 그룹을 추가하십시오
• 문자 메시지
• 절단 보드 사진
• 사진 메시지
• 파일 전송
• 음성 메시지
• 비디오 메시지
• 화면 공유 (이미지 기반)
• 화상 통화 (WEBRTC 기반 P2P 화상 통화)

후단

코드 리포지토리 GO의 코 루틴은 매우 가볍습니다. 각 클라이언트에 액세스되면 각 클라이언트에 대해 코 루틴이 활성화되어 독립형 기계에서 더 큰 동시성을 달성 할 수 있습니다. 동시에 Go Channel은 클라이언트 액세스 및 메시지 전달 및 기타 작업을 완벽하게 분리 할 수 있습니다.

Go-Chat을 통해 채널 사용 및 Select, ORM 프레임 워크 사용, 웹 프레임 워크 GIN 사용, 구성 관리, 로그 운영 및 일부 프로젝트에서 일반적으로 사용되는 기술을 선택할 수 있습니다.

백엔드 기술 및 프레임 워크

• 웹 프레임 워크 진
• WebSocket과 긴 연결
• 로그 프레임 워크 Uber의 Zap
• 구성 관리 Viper
• ORM 프레임 워크 GORT
• 통신 프로토콜 Google의 프로토 버퍼
• Makefile 작성
• 데이터베이스 MySQL
• 이미지 파일 바이너리 작업

프론트 엔드

RECT를 기반으로 UI 및 기본 구성 요소는 개미 설계에 사용됩니다. 프론트 엔드 인터페이스를 구축하는 것이 매우 편리 할 수 있습니다.

인터페이스에서 단일 페이지 프레임을 선택하면 채팅 인터페이스를 작성하는 것이 더 편리합니다. 예를 들어, 메시지 알림, 알림에 대한 하나의 인터페이스로 메시지를받을 수 있으며, 메시지 수락은 페이지를 변경하거나 다른 컨텐츠를 보면 영향을받지 않습니다. 프론트 엔드 코드 저장소 : https://github.com/kone-net/go-chat-web

프론트 엔드 기술 및 프레임 워크

• 반응
• Redux State Management
• Antdesign
• 프로토 버퍼 사용
• WebSocket
• 클립 보드의 파일 읽기 및 작동
• 채팅 상자에 텍스트를 보내서 바닥을 표시합니다.
• Filereader는 파일에서 작동합니다
• Arraybuffer, Blob, Uint8Array 사이의 변환
• 카메라 비디오 가져 오기 (MediaDevices)
• 마이크 오디오 받기 (레코더)
• 화면 공유 (mediaDevices)
• WEBRTC의 P2P 화상 통화

스크린 샷

• 음성, 텍스트, 사진, 비디오 메시지

• 화상 통화

• 화면 공유

지점 설명

1 파일 지점 :이 분기는 음성, 텍스트, 사진, 비디오 메시지, 화상 통화, 음성 통화, 화면 공유 등 하나의 파일로 구현됩니다. 메인 브랜치 : 각 부분을 분할하는 것입니다. 패널을, 왼쪽, 중앙 및 오른쪽으로 분할하십시오. 오른쪽의 파일, 사진 및 파일은 더 작은 구성 요소로 분리됩니다.