使用websocket+react开发多房间聊天室
使用websocket+react开发多房间聊天室
React 其它杂项
共1Star
详细介绍
Demo
多房间聊天室
多房间聊天室,首次进入需要创建个昵称(关闭浏览器会清除昵称),之后可以选择创建一个房间,或者加入一个房间, 加入房间需要输入房间号。
使用工具
- socket.io
- react及周边
使用
启动服务器
cd server && yarn start
websocket 服务端口在 3333
启动客户端(开发版本)
cd client && yarn run dev
客户端在端口9900
构建客户端
cd client && yarn run build
构建后的目录在 client/dist下
chat-room
Multi-room chat room, you should enter nickname at the first time when you use this project, and nickname will be cleared if close the browser. After enter nickname, you can choose create a room or join a room. Room number is needed when join a room.
Build by
- socket.io
- react,redux,react-redux,react-router
Usage
run server
cd server && yarn start
websocket port on 3333
run client(development version)
cd client && yarn run dev
client port on 9900
build client
cd client && yarn run build