node websocket Chatroom

WebChat chat room

WebChat chat room is a web chat room tool built based on nodejs+express+socket.io module. The front-end uses Vue as the front-end framework. The server uses express to build web services, uses socket.io to create server-side socket services, and implements some basic chat functions.

Function introduction

[✔]Support emoticon sending

[✔]Support keyboard press Enter to send messages

[✔] Support online user statistics and user list

[✔]Support online user search

[✔]Support private chat for online users

[✔]Support message sound prompts

[✔]Support message display settings

[✔]Display the number of unread messages

[✔]Support sending pictures smaller than 1M

[✔]Support mobile terminal

Related technology sites

Vue official documentation

Socket.io official documentation

User manual

1. Download the code and install nodejs
2. Use npm install to install project dependent modules
3. Use npm run serve to start the development service
4. Use npm run prod to start the background service
5. Finally open the browser and visit http://localhost:8080
6. After development is completed, package the front-end code npm run build

Project preview screenshot