# chat-demo

**Repository Path**: feng3d_admin/chat-demo

## Basic Information

- **Project Name**: chat-demo
- **Description**: 聊天室示例
- **Primary Language**: TypeScript
- **License**: Not specified
- **Default Branch**: main
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2025-03-30
- **Last Updated**: 2025-03-30

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 网络聊天室项目

## 项目概述
这是一个基于WebSocket的实时聊天室应用，包含以下功能：
- 用户登录/登出
- 实时消息发送与接收
- 在线用户列表显示
- 用户名自动保存（使用localStorage）
- 用户加入/离开通知

## 技术栈
- 前端：TypeScript, HTML
- 后端：Node.js, WebSocket

## 安装与运行

### 先决条件
- Node.js (建议v14+) 

### 安装步骤
1. 克隆仓库
2. 安装依赖：
```bash
npm install
```

### 运行项目

#### 开发模式
1. 启动服务器：
```bash
npm run serve
```
2. 启动客户端开发服务器：
```bash
npm run dev
```
3. 浏览器会自动打开开发环境页面

## 使用说明
1. 输入用户名并点击登录
2. 在消息框中输入消息并按Enter发送
3. 右侧会显示当前在线用户列表

## 项目结构
```
├── server.js          # 服务器代码
├── src/
│   └── client.ts      # 客户端代码
├── index.html         # 前端入口
└── package.json       # 项目依赖
```