介绍
Socket.io 是一个用于实现实时、双向、事件驱动通信的 JavaScript 库，可以运行在浏览器和服务端环境下，它是一种 WebSocket 的封装，并提供了更加便捷的应用程序接口（API）。
Socket.io 在前端领域的应用相对较多，其中最常见的例子就是实现一个聊天室。在使用 Socket.io 进行实时通信之前，需要注意一些方面，以便避免出现意外错误，下面将详细介绍这些注意事项和注意点。
连接时的注意点
跨域
默认情况下，Socket.io 仅支持同源的连接，如果需要跨域连接，必须在服务端设置跨域策略。
HTTPS
如果你在使用 HTTPS，你需要向你的服务端发起压缩的请求。由于 HTTPS 模式下建立连接的握手包较多，导致数据时延较高，因此需要压缩。可以通过设置以下参数启用：
path: '/socket.io', serveClient: false, // 下面是额外的参数 transports: ['polling', 'websocket'], pingTimeout: 5000, pingInterval: 10000, cookie: false,
其中包括了 path、serveClient、transports、pingTimeout、pingInterval 和 cookie 等参数，从而提高连接的效率。
网络稳定性
由于网络抖动，可能导致网络通信中断、连接失败等情况出现，因此需要保证在连接时进行重试，直到连接成功。
使用时的注意点
错误处理
在使用 Socket.io 进行开发过程中，必须注意及时处理各种可能出现的错误，以保证程序的正常工作。常见的错误有：连接断开、消息传输的格式化等问题。
-- -------------------- ---- ------- ----- ------ - ----- ------------------ -- -- - ----------------------- --- ----------------------- -- -- - -------------------- ---
API 完整性
为了防止代码被攻击、被黑客入侵，需要对 API 进行限制。组织黑客对我们的系统进行攻击。因此，需要对 API 进行较为完整的管理与监管。
io.use((socket, next) => {
const token = socket.handshake.query.token;
if (isValid(token)) {
return next();
}
return next(new Error('身份验证失败'));
});以上代码片段中，我们可以看到使用了中间件，通过判断客户端传入的 token 是否有效，再决定是否继续执行下一步操作。
总结
Socket.io 是一个非常有用的前端类技术，在使用过程中，我们需要保证跨域和 HTTPS 的通信，保证网络稳定性，并及时捕捉和处理各种错误信息。同时，也需要着重对 API 进行完整性的管理。只有全面地综合考虑这些注意事项和注意点，才能更好地利用 Socket.io 进行开发。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/64648f71968c7c53b056f8f3