# nodejsWebsocket聊天室（个人练习）

**Repository Path**: kangyang666/nodejs-websocket-chat-room

## Basic Information

- **Project Name**: nodejsWebsocket聊天室（个人练习）
- **Description**: 这个项目是利用nodejsWebsocket制作的一个PC端web聊天室。主要功能有登录（必须选择头像和填写姓名）、收发信息，聊天室有人员进入和离开时会给所有人提示，目前还存在一些问题主要是页面刷新时出现的连接方面的问题，所以在使用时暂时不要刷新页面，还有就是页面响应式需要再优化一下。
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 1
- **Forks**: 0
- **Created**: 2023-09-02
- **Last Updated**: 2024-06-21

## Categories & Tags

**Categories**: Uncategorized

**Tags**: WebSocket, Nodejs

## README

# nodejsWebsocket聊天室

#### 介绍
这个项目是利用nodejsWebsocket制作的一个PC端web聊天室。主要功能有登录（必须选择头像和填写姓名）、收发信息，聊天室有人员进入和离开时会给所有人提示，目前还存在一些问题主要是页面刷新时出现的连接方面的问题，所以在使用时不要刷新页面，还有就是页面响应式需要再优化一下。


#### 安装教程

1.  使用 git clone https://gitee.com/kangyang666/nodejs-websocket-chat-room.git 将项目拉取到本地
2.  使用idea或者vscode等工具打开

#### 使用说明
1.  先在终端中的项目chatRoom路径下运行node ./app.js命令启动服务
2.  首页面是login.html登录页面，所以需要先打开login.html页面选择头像、填写姓名，这两个信息是必须要提供的
3.  点击选择login.html文件在浏览器打开，登录成功后会在新页签进入聊天室页面，
4.  需要模拟多个人聊天可以回到登录页签再选择头像和填写姓名去登录，在多个页签之间发送消息实现多人聊天的效果
5.  使用时不要刷新页面！使用时不要刷新页面！使用时不要刷新页面！

#### 界面图
    1.登录页
        ![输入图片说明](https://gitee.com/kangyang666/nodejs-websocket-chat-room/blob/master/%E8%81%8A%E5%A4%A9%E5%AE%A4%E9%A1%B51.png)
    2.聊天室页面
        ![输入图片说明](%E8%81%8A%E5%A4%A9%E5%AE%A4%E9%A1%B51.png)
        ![输入图片说明](%E8%81%8A%E5%A4%A9%E5%AE%A4%E9%A1%B52.png)
        ![输入图片说明](%E8%81%8A%E5%A4%A9%E5%AE%A4%E9%A1%B53.png)