node websocket Chatroom

웹챗 채팅방

WebChat 채팅방은 nodejs+express+socket.io 모듈을 기반으로 구축된 웹 채팅방 도구입니다. 프런트엔드는 Vue를 프런트엔드 프레임워크로 사용합니다. 서버는 express를 사용하여 웹 서비스를 구축하고, 소켓.io를 사용하여 서버 측 소켓 서비스를 생성하고, 몇 가지 기본 채팅 기능을 구현합니다.

기능 소개

[✔]이모티콘 전송 지원

[✔]지원 키보드에서 Enter를 눌러 메시지를 보내세요.

[✔] 온라인 사용자 통계 및 사용자 목록 지원

[✔]온라인 사용자 검색 지원

[✔]온라인 사용자를 위한 비공개 채팅 지원

[✔] 지원 메시지 사운드 안내

[✔]메시지 표시 설정 지원

[✔]읽지 않은 메시지 수 표시

[✔]1M보다 작은 사진 전송 지원

[✔]모바일 단말기 지원

관련 기술 사이트

Vue 공식 문서

Socket.io 공식 문서

사용 설명서

1. 코드를 다운로드하고 nodejs를 설치하세요.
2. npm install 사용하여 프로젝트 종속 모듈 설치
3. npm run serve 사용하여 개발 서비스 시작
4. npm run prod 사용하여 백그라운드 서비스 시작
5. 마지막으로 브라우저를 열고 http://localhost:8080 방문하십시오.
6. 개발이 완료되면 프론트엔드 코드 npm run build 패키징합니다.

프로젝트 미리보기 스크린샷