# websocketChatRoom

**Repository Path**: simplelife1989/websocket-chat-room

## Basic Information

- **Project Name**: websocketChatRoom
- **Description**: websoket 聊天室
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2025-11-22
- **Last Updated**: 2025-11-23

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

该项目是一个基于 WebSocket 的聊天室应用，分为客户端（client）与服务端（server）两部分。以下是该项目的 README 内容：

---

# WebSocket 聊天室

一个简单的 WebSocket 聊天室应用，允许用户登录后加入聊天室，并实时发送和接收消息。

---

## 🚀 技术栈

- **前端**：Vue.js + Vite + WebSocket
- **后端**：Node.js + Express + WebSocket
- **通信协议**：WebSocket 实时消息传递

---

## 📁 项目结构

```
websocket-chat-room/
├── client/               # 客户端代码（Vue）
└── server/               # 服务端代码（Node.js + Express）
```

---

## 🧪 功能特性

- 用户登录界面
- 实时聊天功能
- 消息样式处理（成功、错误、警告、信息）
- 自动为用户头像分配颜色
- 时间格式化工具

---

## 📦 安装与运行

### 启动服务端

进入服务端目录并启动：

```bash
cd server
npm install
npm start
```

服务默认运行在 `http://localhost:3000`。

### 启动客户端

进入客户端目录并启动：

```bash
cd client
npm install
npm run dev
```

客户端默认运行在 `http://localhost:5173`（端口可能根据环境变化）。

---

## 🤝 使用说明

1. 打开浏览器访问客户端页面。
2. 在登录页面输入用户名。
3. 进入聊天室后，可实时发送和接收消息。

---

## 🛠️ 自定义配置

- 客户端使用 Vite 构建，可修改 `vite.config.js`。
- 服务端使用 Express，WebSocket 服务在 `app.js` 中初始化。

---

## 📜 开源许可

本项目采用 MIT 许可协议。

---

如需贡献代码或提交 issue，请参考项目仓库说明。