# vue2_websocket

**Repository Path**: showmsg/vue2_websocket

## Basic Information

- **Project Name**: vue2_websocket
- **Description**: 使用vue2.0实现webSocket
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

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

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# websocket 原理

## 聊天室基本功能
 - 前端功能
   1. Login
       用户名输入 、进入聊天室按钮
       input username --> 存储到localstorage  -- > 进入聊天室按钮
    2. Home
       列表  消息输入框  发送按钮
       取出username --> 要发送的message  -- > id --> 消息时间  -- > 发送到后端的websocket服务

 - 后端
 接受消息数据--> 广播到所有连接到socket服务的客户端

## websocket
>  websocket都是由事件来支撑的。
> 后端功能写在server文件夹下。

 - 后端
    open   打开websocket
 close  关闭websocket
 error  遇到错误
 connection  连接成功
    message  接受客户端发送过来的消息数据 --> 广播
后端需要安装websocket库

```bash
npm init -y 
npm install ws
```



- 前端
 open   打开websocket
 close  关闭websocket
 error  遇到错误
 message  接受服务端广播回来的消息数据