Socket.io 是一个流行的 JavaScript 库，用于实现实时通信。在开发过程中，我们可能会遇到 Socket.io 在非本地地址上无法连接的问题，这可能会导致我们的应用程序无法正常工作。本文将介绍如何解决这个问题，并提供示例代码来帮助您更好地理解。
问题描述
当我们在本地主机上使用 Socket.io 时，通常可以正常工作。但是，当我们将应用程序部署到远程服务器上时，我们可能会遇到以下错误：
WebSocket connection to 'ws://example.com:3000/socket.io/?EIO=3&transport=websocket' failed: Error during WebSocket handshake: Unexpected response code: 400
这是因为浏览器尝试使用 WebSocket 协议连接到远程服务器时，服务器返回了一个 400 错误。这通常是由于服务器配置错误或防火墙设置引起的。
解决方法
1. 配置 Socket.io
首先，我们需要确保我们的 Socket.io 服务器已正确配置。我们需要使用 server.listen 方法来指定服务器的端口和 IP 地址。例如，如果我们想在远程服务器上使用 Socket.io，我们可以将其配置为：
const app = require('express')();
const http = require('http').createServer(app);
const io = require('socket.io')(http);
http.listen(3000, '0.0.0.0', () => {
console.log('listening on *:3000');
});在这里，我们使用 0.0.0.0 作为 IP 地址，这意味着 Socket.io 服务器将监听所有的网络接口。这将允许来自任何 IP 地址的客户端连接到我们的服务器。
2. 配置防火墙
如果我们在远程服务器上使用防火墙，我们需要确保防火墙允许 Socket.io 的连接。我们可以使用以下命令打开服务器的 3000 端口：
sudo ufw allow 3000
如果您使用其他防火墙，请查阅其文档以获取更多信息。
3. 使用正确的 URL
最后，我们需要确保我们在客户端使用正确的 URL。我们需要将 localhost 或 127.0.0.1 替换为远程服务器的 IP 地址或域名。例如：
const socket = io.connect('http://example.com:3000');在这里，我们使用 example.com 作为远程服务器的域名。您应该将其替换为您自己的域名或 IP 地址。
示例代码
以下是一个完整的示例代码，用于演示如何在远程服务器上使用 Socket.io：
服务器端代码
// javascriptcn.com 代码示例
const app = require('express')();
const http = require('http').createServer(app);
const io = require('socket.io')(http);
app.get('/', (req, res) => {
res.sendFile(__dirname + '/index.html');
});
io.on('connection', (socket) => {
console.log('a user connected');
});
http.listen(3000, '0.0.0.0', () => {
console.log('listening on *:3000');
});客户端代码
// javascriptcn.com 代码示例
<!DOCTYPE html>
<html>
<head>
<title>Socket.io Example</title>
</head>
<body>
<script src="/socket.io/socket.io.js"></script>
<script>
const socket = io.connect('http://example.com:3000');
</script>
</body>
</html>总结
在本文中，我们介绍了如何解决 Socket.io 在非本地地址上无法连接的问题。我们需要确保服务器已正确配置，防火墙已正确设置，并使用正确的 URL。我们还提供了示例代码，以帮助您更好地理解这个问题。希望这篇文章对您有所帮助！
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/6556d92cd2f5e1655d1389b0