WebSocket 的优缺点
优点
- 高效 WebSockets 采用的是轻量级的二进制协议，相对于 HTTP 只需要较少的数据交换，能够更快地传输数据。
- 可靠性高 WebSocket具有双向通信的能力，通信过程中能够进行断线重连，并且支持心跳机制。
- 实时性强 WebSocket非常适合用于实时通信场景，比如在线视频、聊天等应用。
缺点
- 单一性 WebSocket只能在浏览器与服务端之间建立连接，不能用于多个客户端之间建立连接。
- 容易被封掉 因为 WebSocket 在传输时采用的是固定的协议格式，某些防火墙或者代理可能会屏蔽它。
Socket.io 的优缺点
优点
- 支持适应不同技术栈的应用 Socket.io支持 TCP、UDP、WebSocket 等多种协议，能够适应不同技术栈的应用。
- 可以实现广播功能 Socket.io支持向所有连接的客户端广播消息，能够快速地通知所有客户端。
- 具有完善的 API Socket.io拥有完善的 API，灵活方便。
缺点
- 兼容性问题 Socket.io基于WebSocket建立，需要客户端浏览器支持WebSocket，查询历史数据等额外功能仅限于浏览器支持Websocket的前提下才可使用。
- 性能问题 因为Socket.io需要为每个客户端建立WebSocket连接，如果同时有大量客户端连接，服务器的性能可能会受到影响。
WebSocket 和 Socket.io 的区别
WebSocket 与 Socket.io 最大的区别在于 WebSocket 是一种标准化的协议，而 Socket.io 则是面向 WebSocket 的一个协议解决方案，Socket.io 在封装 WebSocket 的同时提供了广播、实现客户端消息发送/服务端消息接收、服务端消息发送/客户端消息接收等功能，对于开发人员也更加友好。
WebSocket 和 Socket.io 的应用场景
WebSocket 相比 HTTP 协议更加轻量级，非常适合用于实时通信的场景，比如在线对战、在线聊天和实时数据展示等，而 Socket.io 则可以用于开发实时通信和数据传输方面的应用，这样能够更快地处理大量的连接和消息传输。
WebSocket 和 Socket.io 的示例代码
WebSocket 示例代码
客户端代码：
var ws = new WebSocket('ws://localhost:8000');
ws.onopen = function () {
ws.send('hello server');
};
ws.onmessage = function (e) {
console.log(e.data);
};服务端代码：
var WebSocketServer = require('ws').Server,
wss = new WebSocketServer({port: 8000});
wss.on('connection', function (ws) {
ws.send('connection success');
ws.on('message', function (message) {
console.log('receive message:', message);
});
});Socket.io 示例代码
客户端代码：
var socket = io('http://localhost:8000');
socket.on('connect', function () {
socket.emit('join', 'hello server');
});
socket.on('message', function (data) {
console.log(data);
});服务端代码：
-- -------------------- ---- -------
--- ---- - ----------------
-- - -------------------------------------------------------
---------------- -------- -------- -
-------------------- ----------
----------------- -------- ------ -
------------------
---------------------- -----------
---
---总结
综上所述，WebSocket 和 Socket.io 都是非常方便的实时通信工具，但它们在不同场景中都有自己的优缺点，需要开发人员根据不同的应用场景选择不同的工具。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/645d9a5d968c7c53b00048e7