WebSocket 前后端连接实例
时间: 2023-12-10 16:56:25 浏览: 35
WebSocket 是一种在单个 TCP 连接上进行全双工通信的协议。它使得客户端和服务端可以相互发送数据。
下面是一个 WebSocket 前后端连接的示例:
前端(客户端):
```
const socket = new WebSocket('ws://localhost:8080');
socket.onopen = function(event) {
console.log('WebSocket 连接已打开');
};
socket.onmessage = function(event) {
console.log('收到消息: ', event.data);
};
socket.onclose = function(event) {
console.log('WebSocket 连接已关闭');
};
// 向服务端发送消息
socket.send('hello from client');
```
后端(服务端):
```
const WebSocket = require('ws');
const wss = new WebSocket.Server({ port: 8080 });
wss.on('connection', function connection(ws) {
console.log('已连接');
ws.on('message', function incoming(data) {
console.log('收到消息: ', data);
// 向客户端发送消息
ws.send('hello from server');
});
ws.on('close', function close() {
console.log('连接已关闭');
});
});
```
这是一个简单的示例,它演示了如何在客户端和服务端之间使用 WebSocket 进行通信。
相关推荐
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![docx](https://img-home.csdnimg.cn/images/20210720083331.png)
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![rar](https://img-home.csdnimg.cn/images/20210720083606.png)
![rar](https://img-home.csdnimg.cn/images/20210720083606.png)