websocket案例
时间: 2023-02-14 09:35:55 浏览: 54
好的。WebSocket 是一种网络通信协议,允许浏览器和服务器在单个 TCP 连接上进行全双工通信。这意味着在单个连接上,浏览器和服务器可以在任意时刻都可以向对方发送数据。
下面是一个简单的 WebSocket 案例,展示了如何在浏览器中使用 WebSocket 和服务器进行通信。
首先,我们需要在服务器端启动 WebSocket 服务器。这可以使用 Node.js 的 ws 模块来实现。
```
const WebSocket = require('ws');
const wss = new WebSocket.Server({ port: 8080 });
wss.on('connection', function connection(ws) {
ws.on('message', function incoming(message) {
console.log('received: %s', message);
});
ws.send('something');
});
```
然后,我们可以在浏览器中使用 JavaScript 连接到 WebSocket 服务器。
```
const socket = new WebSocket('ws://localhost:8080');
socket.onopen = function (event) {
socket.send('Hello Server!');
};
socket.onmessage = function (event) {
console.log('Received from server: ', event.data);
};
```
在这个案例中,当浏览器连接到 WebSocket 服务器时,它会发送一条消息 "Hello Server!",服务器收到消息后会回复 "something"。浏览器会收到服务器的回复并在控制台中打印出来。
这只是一个简单的案例,但它展示了如何使用 WebSocket 进行通信。您可以使用 WebSocket 实现许多不同的功能,
相关推荐
![rar](https://img-home.csdnimg.cn/images/20210720083606.png)
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![-](https://csdnimg.cn/download_wenku/file_type_column_c1.png)
![-](https://csdnimg.cn/download_wenku/file_type_column_c1.png)
![-](https://csdnimg.cn/download_wenku/file_type_column_c1.png)
![-](https://csdnimg.cn/download_wenku/file_type_column_c1.png)
![-](https://csdnimg.cn/download_wenku/file_type_column_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)