Nodejs 使用nodejs+socket.io+express做的聊天室总是报出 warn - client not handshaken client should reconnect

使用 nodejs+socket.io+express 做的一个聊天室总是报出

warn - client not handshaken client should reconnect

求解！

sinazl 1楼

Node.js 使用 Node.js + Socket.IO + Express 做的聊天室总是报出 “warn - client not handshaken client should reconnect”

当你在使用 Node.js 搭建一个基于 Socket.IO 和 Express 的聊天室时，如果遇到错误信息 warn - client not handshaken client should reconnect，这通常意味着客户端与服务器之间的握手过程没有成功完成。这可能是由于多种原因造成的，包括配置问题、版本兼容性问题等。

解决方案

以下是一些可能的解决方案和代码示例，帮助你排查和解决这个问题：

确保正确的依赖安装 确保你的项目中安装了正确的版本的 socket.io 和 express。你可以通过运行以下命令来安装或更新这些包：
```
npm install express socket.io
```

正确配置 Socket.IO 在你的服务器端代码中，确保你正确地初始化了 socket.io。以下是一个简单的示例：

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

const app = express();
const server = http.createServer(app);
const io = socketIo(server);

// 监听连接事件
io.on('connection', (socket) => {
  console.log('A user connected:', socket.id);

  // 处理消息
  socket.on('chat message', (msg) => {
    io.emit('chat message', msg);
  });

  // 用户断开连接时
  socket.on('disconnect', () => {
    console.log('User disconnected:', socket.id);
  });
});

// 启动服务器
server.listen(3000, () => {
  console.log('Server is running on port 3000');
});

检查客户端代码 确保你的客户端代码正确地连接到服务器。以下是一个简单的客户端示例：

<!DOCTYPE html>
<html>
<head>
  <title>Chat Room</title>
  <script src="/socket.io/socket.io.js"></script>
  <script>
    document.addEventListener('DOMContentLoaded', () => {
      const socket = io();

      const form = document.getElementById('send-container');
      const input = document.getElementById('message-input');
      const chatMessages = document.querySelector('.chat-messages');

      form.addEventListener('submit', function(e) {
        e.preventDefault();
        if (input.value) {
          socket.emit('chat message', input.value);
          input.value = '';
        }
      });

      socket.on('chat message', function(msg) {
        const item = document.createElement('li');
        item.textContent = msg;
        chatMessages.appendChild(item);
        window.scrollTo(0, document.body.scrollHeight);
      });
    });
  </script>
</head>
<body>
  <ul class="chat-messages"></ul>
  <form id="send-container">
    <input id="message-input" type="text" placeholder="Type a message..." autocomplete="off" />
    <button type="submit">Send</button>
  </form>
</body>
</html>

检查路径和文件名 确保你的静态文件（如 HTML 文件）能够被正确访问。你可以使用 express.static 中间件来提供静态文件：
```
app.use(express.static(__dirname + '/public'));
```

通过以上步骤，你应该能够解决 client not handshaken client should reconnect 的警告信息。如果问题仍然存在，请检查是否有其他网络或配置问题。

songsunli 2楼

看文章 http://blog.fens.me/nodejs-socketio-chat/

app.js文件有一行

// 打印握手信息 // console.log(socket.handshake);

gougou168 3楼

在使用 Node.js + socket.io + express 开发聊天室时，如果遇到警告信息 warn - client not handshaken client should reconnect，通常是因为客户端未能完成握手过程。这可能是由于多种原因导致的，包括版本兼容性问题、配置错误或网络问题等。

以下是一些可能的解决方案：

确保 socket.io 版本兼容：确保你的 socket.io 和 socket.io-client 版本是兼容的。例如，如果你的服务器端使用的是 socket.io v3.x，那么客户端也应该使用相同或兼容的版本。

检查中间件配置：确保你在 Express 应用中正确地初始化了 socket.io。例如：

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

const app = express();
const server = http.createServer(app);
const io = socketIo(server);

io.on('connection', (socket) => {
  console.log('New client connected');
  socket.on('disconnect', () => {
    console.log('Client disconnected');
  });
});

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

确保正确加载 socket.io 客户端库：在客户端页面中，确保正确引入了 socket.io 客户端库。例如，在 HTML 文件中添加以下脚本：

<script src="/socket.io/socket.io.js"></script>
<script>
  const socket = io('http://localhost:3000');
  socket.on('connect', () => {
    console.log('Connected to server');
  });
</script>

检查网络配置：确保客户端能够访问到服务器的 socket.io 服务。可以尝试将 io.connect 中的 URL 更改为 http://127.0.0.1:3000 或者实际的 IP 地址，以排除域名解析问题。

通过以上步骤，你应该能够解决 client not handshaken client should reconnect 的问题。如果问题仍然存在，请检查控制台是否有其他错误信息，并根据这些信息进一步排查。