关于socket.io 1.0在Nodejs中的一个问题

关于socket.io 1.0在Nodejs中的一个问题

io.on(‘connection’, function(socket){ socket.emit(‘phone’,{“手机”:“13800000000”}); }); 这时浏览器就会卡死几秒… 如果 socket.emit(‘phone’,escape(’{“手机”:“13800000000”}’)); 或 socket.emit(‘phone’,{“phone”:“13800000000”}); 使用escape转码,这样就不会有问题. 这个问题仅限于连接时候.之后的交互就没事.

4 回复

关于socket.io 1.0在Nodejs中的一个问题

在使用socket.io时，有时会遇到一些奇怪的问题。例如，在客户端刚建立连接时发送一个包含特殊字符的消息，可能会导致浏览器短暂卡顿。这种现象通常发生在使用socket.emit()发送JSON对象时。

示例代码

假设我们有一个简单的Node.js服务器，使用socket.io库来处理WebSocket通信：

const express = require('express');
const http = require('http');
const socketIo = require('socket.io');

// 创建Express应用和HTTP服务器
const app = express();
const server = http.createServer(app);

// 启动socket.io服务
const io = socketIo(server);

// 当有新的连接时触发
io.on('connection', (socket) => {
    console.log('A user connected');

    // 发送消息给客户端
    socket.emit('phone', {"手机": "13800000000"});
});

server.listen(3000, () => {
    console.log('Server is running on port 3000');
});

在这个例子中，当客户端连接到服务器时，服务器会尝试向客户端发送一个包含中文键名的JSON对象。

问题描述

如果你直接将JSON对象作为参数传递给socket.emit()方法，如上所示，你可能会遇到以下问题：

  • 浏览器卡顿：浏览器可能需要几秒钟才能处理该消息。
  • 解析错误：客户端可能无法正确解析接收到的数据。

解决方案

为了解决这个问题，你可以使用JSON.stringify()方法将JSON对象转换为字符串，或者使用escape()函数对数据进行编码。

示例代码 - 使用JSON.stringify()
io.on('connection', (socket) => {
    console.log('A user connected');

    // 将JSON对象转换为字符串并发送
    socket.emit('phone', JSON.stringify({"手机": "13800000000"}));
});
示例代码 - 使用escape()
const escape = require('lodash.escape');

io.on('connection', (socket) => {
    console.log('A user connected');

    // 对数据进行编码并发送
    socket.emit('phone', escape(JSON.stringify({"手机": "13800000000"})));
});

解释

  1. 使用JSON.stringify()：

    • JSON.stringify()方法可以将JavaScript对象转换成一个有效的JSON字符串，这有助于避免在传输过程中出现解析错误。

  2. 使用escape()：

    • escape()函数（这里用lodash库中的）可以对字符串中的特殊字符进行编码，防止它们在传输过程中引起问题。虽然这种方法不是必须的，但在某些情况下可以提供额外的安全性。

通过这些方法，你可以确保数据在传输过程中不会出现问题，并且可以避免浏览器卡顿的现象。


关注。出1.0了啊，我去试试。

这是个bug最新版已经解决了

根据你的描述，问题可能与数据格式或编码有关。Socket.IO 默认使用 JSON 编码，所以在发送对象时不需要手动进行转义。然而，在连接时发送较大或复杂的对象可能会导致一些问题。

这里提供一个简单的示例来说明如何正确地使用 Socket.IO 发送和接收消息，并尝试避免连接时出现的卡顿问题。

示例代码

Server-side (Node.js):

const io = require('socket.io')(server);

io.on('connection', (socket) => {
    console.log("A user connected");
    
    // 发送消息给客户端
    socket.emit('phone', { "手机": "13800000000" });
});

io.on('disconnect', () => {
    console.log("User disconnected");
});

Client-side (Browser):

<script src="/socket.io/socket.io.js"></script>
<script>
    var socket = io();

    socket.on('connect', function() {
        console.log('Connected to server');
    });

    socket.on('phone', function(data) {
        console.log("Received phone:", data);
    });
</script>

分析与建议

  1. 检查数据格式：确保你发送的数据是有效的 JSON 对象。在上面的示例中，我们直接发送了一个 JavaScript 对象 { "手机": "13800000000" }，这是标准的 JSON 格式。

  2. 避免在连接时发送大量数据：如果你需要在连接时发送大量数据，可以考虑分批次发送，或者等待客户端准备好再发送数据。

  3. 性能优化：如果问题仍然存在，可能需要对服务器或客户端进行性能优化。例如，可以尝试使用 WebSocket 的 binaryType 属性来传输二进制数据以提高性能。

  4. 错误处理：增加错误处理逻辑，以便更好地调试和定位问题。例如，在客户端增加错误处理回调：

socket.on('error', function(error) {
    console.error("Socket error:", error);
});

通过这些步骤，你应该能够解决连接时卡顿的问题，并且确保客户端和服务器之间的通信正常。

回到顶部