### [WebSocket与长连接的区别与联系](https://www.prosaas.cn/article/11999)

**Published:** 2023-10-15T07:00:25

**Author:** 5201314

**Excerpt:** WebSocket与长连接的区别与联系随着互联网技术的不断发展，网页应用越来越多地使用实时通信来提供更好的用户…

![](https://phpimg.jiaoben.net/upload/article/000/887/227/169735323845477.jpg)

WebSocket与长连接的区别与联系

随着互联网技术的不断发展，网页应用越来越多地使用实时通信来提供更好的用户体验。而在实现实时通信的过程中，经常会涉及到WebSocket和长连接的概念。

WebSocket和长连接都可以用于实现实时通信，但它们有一些区别和联系。

区别：

1.  技术原理：
    
    -   WebSocket：基于HTTP协议的握手升级机制，通过一个 TCP 连接进行全双工通信。在建立握手连接后，客户端和服务器之间的通信就不再依赖于HTTP请求，而是可以直接通过这个TCP连接发送和接收数据。
    -   长连接：HTTP协议本身是无状态的，每次请求和响应之间都是独立的。而长连接则是客户端和服务器之间建立一条持久的连接，从而在一段时间内保持数据的传输。
2.  通信方式：
    
    -   WebSocket：提供了全双工通信能力，服务器可以主动向客户端推送数据，客户端也可以向服务器发送请求。这样就实现了实时通信，不再需要通过轮询或者频繁的请求来获取新数据。
    -   长连接：一般是客户端发起连接请求，服务器对请求进行保持，并定时发送心跳包保持连接。当有数据需要传输时，服务器可以直接向客户端发送数据。
3.  适用场景：
    
    -   WebSocket：适用于实时数据传输和实时通信的场景，如在线聊天、股票行情、即时游戏等。
    -   长连接：适用于需要实时通知或即时状态更新的场景，如推送服务、消息推送、在线监控等。

联系：

1.  使用的底层协议：
    
    -   WebSocket：基于TCP协议，实现一对一的双向通信。
    -   长连接：也是基于TCP协议，采用长时间保持连接的机制。
2.  实现方式：
    
    -   WebSocket：需要在客户端和服务器端分别实现相应的协议和事件处理逻辑。
    -   长连接：需要在服务器端保持连接，并在客户端处理接收到的数据。

下面给出一个简单的示例代码，演示了WebSocket和长连接的实现方式。

WebSocket示例代码：

// 客户端代码  
var ws = new WebSocket("ws://127.0.0.1:8080");  
ws.onopen = function() {  
ws.send("Hello Server!");  
};  
ws.onmessage = function(event) {  
var message = event.data;  
console.log("Receive Message: " + message);  
};  
ws.onclose = function() {  
console.log("Connection closed");  
};

// 服务器端代码（使用Node.js示例）  
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('Server received: ' + message);

});  
ws.on('close', function close() {

  console.log('disconnected');

});  
});

长连接示例代码：

// 客户端代码  
var conn = new WebSocket("ws://127.0.0.1:8080");  
conn.onmessage = function(event) {  
var message = event.data;  
console.log("Receive Message: " + message);  
};  
conn.onclose = function() {  
console.log("Connection closed");  
};

// 服务器端代码（使用Node.js示例）  
const WebSocket = require('ws');  
const wss = new WebSocket.Server({ port: 8080 });

wss.on('connection', function connection(ws) {  
setInterval(function() {

  ws.send("Server message");

}, 1000);  
ws.on('close', function close() {

  console.log('disconnected');

});  
});

通过以上示例代码，我们可以看到WebSocket和长连接的使用方法。WebSocket通过握手升级机制建立全双工通信连接，可以实现实时通信；而长连接则通过保持连接的方式，实现实时的数据传输。两者都可以满足实时通信的需求，根据具体场景选择合适的方案来实现互联网应用的实时性。

以上就是WebSocket与长连接的区别与联系的详细内容，更多请关注知企PROSAAS其它相关文章！

**Tags:** console, const, Event, function, http, JS, require, var, websocket, 事件

**Categories:** 后端开发

---