Question

我有一个运行的服务器，带有apache和Socket.IO。我正在尝试使用socket.io在我的网站上发送和接收消息。

这是我服务器的代码：

var fs = require('fs');
var hskey = fs.readFileSync('file.key');
var hscert = fs.readFileSync('file.crt');

var options = {
    key: hskey,
    cert: hscert
};

var app = require('https').createServer(options);
var io = require('/usr/local/lib/node_modules/socket.io').listen(app);

app.listen(8181);

io.sockets.on('connection', function (socket) {
  socket.emit('serverMessage', 'Bienvenue master!');
socket.broadcast.emit('serverMessage', 'New user online');
});

这是网页：

<!doctype html>
<html>
  <head>
    <title>Socket.io Test</title>
    <script src="./socket.io.js"></script>
  </head>
  <body>

    <script>

    var socket;
    var firstconnect = true;

    function connect() {
      if(firstconnect) {
        socket = io.connect('https://secure.mysite.com:8181');

        socket.on('serverMessage', function(data){ message(data); });
        socket.on('connect', function(){ status_update("Connected to Server"); });
        socket.on('disconnect', function(){ status_update("Disconnected from Server"); });
        socket.on('reconnect', function(){ status_update("Reconnected to Server"); });
        socket.on('reconnecting', function( nextRetry ){ status_update("Reconnecting in " 
          + nextRetry + " seconds"); });
        socket.on('reconnect_failed', function(){ message("Reconnect Failed"); });

        firstconnect = false;
      }
      else {
        socket.socket.reconnect();
      }
    }

    function disconnect() {
      socket.disconnect();
    }

    function message(data) {
      document.getElementById('message').innerHTML += "<br>" + "Server says: " + data;
    }

    function status_update(txt){
      document.getElementById('status').innerHTML = txt;
    }

    function esc(msg){
      return msg.replace(/</g, '&lt;').replace(/>/g, '&gt;');
    }

    function send() {
      socket.send('clientMessage', 'world');    
    };        

    </script>

    <h1>Socket.io Test</h1>
    <div><p id="status">Waiting for input</p></div>
    <div><p id="message"></p></div>  
    <button id="connect" onClick='connect()'/>Connect</button>
    <button id="disconnect" onClick='disconnect()'>Disconnect</button>
    <button id="send" onClick='send()'/>Send Message</button>
  </body>
</html>

在Safari（websocket）和Opera（json pooling）下似乎一切正常，但是使用Firefox和Chrome（websocket）我无法从客户端向服务器发送任何消息。其他一切正常，我可以握手，连接并获取服务器消息。我做了大量的研究，但似乎我是唯一一个有这个问题的人。

感谢您的帮助！

Answer 1

我发现了问题，我使用的是另一个版本的socket.io.js，然后是服务器端。

Answer 2

当你附加socket.io模块来表示它拦截socket.io路由时。

因此，当您请求“https://secure.mysite.com:8181/socket.io”时，它会回复 “欢迎来到socket.io。”

因此，当您请求客户端socket.io.js时，它直接来自socket.io模块。 “https://secure.mysite.com:8181/socket.io/socket.io.js”

因此，如果您不想修改客户端库，您可以创建一个修改过的副本，然后让express提供文件，但是当您通过npm更新socketio时，您还必须手动提升修改后的副本。

Answer 3

如果在FireFox中出现此错误-首先启用检查或没有代理。并关闭代理（如果启用）。

Socket.IO Websocket发送消息不能与Firefox和Chrome一起使用

3 个答案: