# websocket_chat

**Repository Path**: zllylgw/websocket_chat

## Basic Information

- **Project Name**: websocket_chat
- **Description**: 基于WebSocket的实时客服系统，支持客服与访客之间的消息通信和优惠券发放功能。使用node和html实现。
- **Primary Language**: Unknown
- **License**: Apache-2.0
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2025-11-21
- **Last Updated**: 2025-11-21

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 商城客服系统

基于WebSocket的实时客服系统，支持客服与访客之间的消息通信和优惠券发放功能。

## 功能特点

- 实时双向通信：客服与访客可以通过WebSocket进行实时消息交流
- 优惠券系统：客服可以向特定访客发放优惠券，访客可以领取优惠券
- 用户角色管理：自动识别和区分客服与访客角色
- 在线用户列表：实时显示在线客服和访客列表

## 技术架构

- 后端：Node.js + ws库
- 前端：原生HTML/CSS/JavaScript（无额外依赖）
- 通信协议：WebSocket（消息传输）+ HTTP（静态文件服务）

## 快速开始

1. 安装依赖：
   ```
   npm install
   ```

2. 启动服务器：
   ```
   node server.js
   ```

3. 访问应用：
   - 主页：http://localhost:8090
   - 访客端：http://localhost:8090/visitor.html
   - 客服端：http://localhost:8090/customer_service.html

## 使用说明

1. 启动服务器后，分别打开访客端和客服端页面
2. 在两个页面上点击"连接"按钮连接到WebSocket服务器
3. 客服可以向访客发送消息和优惠券
4. 访客可以接收消息和领取客服发放的优惠券

## 文件结构

- `server.js` - 服务器端代码，包含HTTP和WebSocket服务器
- `visitor.html` - 访客端界面
- `customer_service.html` - 客服端界面
- `package.json` - 项目配置文件

## 端口配置

默认使用8090端口提供HTTP和WebSocket服务。