WebSocket 前后端连接实例
时间: 2023-12-10 12:24:57 浏览: 24
好的,以下是一个简单的 WebSocket 前后端连接实例:
前端代码(使用 JavaScript):
```javascript
const socket = new WebSocket('ws://localhost:8080');
socket.addEventListener('open', function (event) {
socket.send('Hello Server!');
});
socket.addEventListener('message', function (event) {
console.log('Message from server: ', event.data);
});
socket.addEventListener('close', function (event) {
console.log('Socket closed: ', event);
});
socket.addEventListener('error', function (event) {
console.log('Socket error: ', event);
});
```
后端代码(使用 Node.js):
```javascript
const WebSocket = require('ws');
const server = new WebSocket.Server({ port: 8080 });
server.on('connection', function (socket) {
console.log('Client connected');
socket.on('message', function (message) {
console.log('Message from client: ', message);
socket.send('Hello Client!');
});
socket.on('close', function () {
console.log('Client disconnected');
});
});
```
当前端代码运行后,会尝试连接到 `ws://localhost:8080`,如果连接成功后会发送一条消息给服务器。服务器会接收到消息,并回复一条消息给客户端。当客户端关闭连接时,会触发 `close` 事件,服务端也会相应地处理。
需要注意的是,WebSocket 通信需要在支持 WebSocket 的服务器上才能运行。以上代码是一个简单的示例,实际应用中还需要考虑更多的情况,如错误处理、协议协商等。