在Express.js上从Nginx到socket.io的反向代理上"无法获取"

the*_*rdy 12 nginx node.js express socket.io

我已经按照本教程使Node.js通过私有网络在两个Ubuntu 14.04服务器上运行Nginx(Node.js在myappserver上 - 可通过私有IP myprivatewebserver访问,并通过mypublicappserver公开 - 以及mywebserver上的Nginx).一切正常 - 直到这一点 - 我可以访问myprivateappserver上的node.js应用程序:通过访问http:// mywebserver/node通过Nginx代理3000 .

但是,当我尝试在express.js上的socket.io中运行聊天应用程序时,它可以直接访问它(http:// mypublicappserver:3000),但是当我尝试通过我的Nginx代理访问它时(http) :// mywebserver/node),我在浏览器和firebug控制台中找到"Can not GET/node""NetworkError:404 Not Found - http:// mywebserver/node ".

如果我从mywebserver 卷曲http:// myprivateappserver:3000,我可以从我的socket.io应用程序获得index.html.

我的/ etc/nginx/sites-available/default包含:

location /node{
proxy_pass http://myprivateappserver:3000;
proxy_http_version 1.1;
proxy_set_header Upgrade $http_upgrade;
proxy_set_header Connection 'upgrade';
proxy_set_header Host $host;
proxy_cache_bypass $http_upgrade;
}
Run Code Online (Sandbox Code Playgroud)

我的index.js是:

var app = require('express')();
var http = require('http').Server(app);
var io = require('socket.io')(http);

app.get('/', function(req, res){
  res.sendFile(__dirname + '/index.html');
});

io.on('connection', function(socket){
  console.log('a user connected');
  socket.on('disconnect', function(){
    console.log('user disconnected');
  });
  socket.on('chat message', function(msg){
    io.emit('chat message', msg);
  });
});

http.listen(3000, function(){
  console.log('listening on *:3000');
});
Run Code Online (Sandbox Code Playgroud)

我的index.html是:

<!doctype html>
<html>
  <head>
    <title>Socket.IO chat</title>
    <style>
      * { margin: 0; padding: 0; box-sizing: border-box; }
      body { font: 13px Helvetica, Arial; }
      form { background: #000; padding: 3px; position: fixed; bottom: 0; width: 100%; }
      form input { border: 0; padding: 10px; width: 90%; margin-right: .5%; }
      form button { width: 9%; background: rgb(130, 224, 255); border: none; padding: 10px; }
      #messages { list-style-type: none; margin: 0; padding: 0; }
      #messages li { padding: 5px 10px; }
      #messages li:nth-child(odd) { background: #eee; }
    </style>
  </head>
  <body>
    <ul id="messages"></ul>
    <form action="">
      <input id="m" autocomplete="off" /><button>Send</button>
    </form>
    <script src="/socket.io/socket.io.js"></script>
    <script src="http://code.jquery.com/jquery-1.11.1.js"></script>
    <script>
      var socket = io();
      $('form').submit(function(){
        socket.emit('chat message', $('#m').val());
        $('#m').val('');
        return false;
      });
      socket.on('chat message', function(msg){
        $('#messages').append($('<li>').text(msg));
      });
    </script>
  </body>
</html>
Run Code Online (Sandbox Code Playgroud)

这是我第一次尝试进入nginx/node/express/socket(我通常是一个Apache/CakePHP人),所以我可能会遗漏一些非常简单的东西,但也非常感谢任何关于如何调试出错的指针

Ole*_*leg 19

这是因为SocketIO /socket.io默认使用路径,所以你需要配置Nginx,这样它不仅可以代理/node请求,还可以代理/socket.io:

location ~ ^/(node|socket\.io) {
    #your proxy directives
}
Run Code Online (Sandbox Code Playgroud)

(顺便说一下,看起来你有错别字:你写过proxypass,但是正确的形式是proxy_pass.同样适用于其他proxy指令)

您还需要在NodeJS服务器文件中再执行一次编辑.更换:

app.get('/', function(req, res){
Run Code Online (Sandbox Code Playgroud)

有:

app.get('/node', function(req, res){
Run Code Online (Sandbox Code Playgroud)

现在它应该工作.

这不是唯一的解决方案.您也可以通过Nginx配置中的一些更改来更改SocketIO路径,但上面描述的解决方案对我来说似乎是最简单的.祝好运!

  • 万一其他人关注这个线程,我刚刚花了大部分时间意识到,在我的 CakePHP 应用程序中,当我从 http://mywebserver 提供服务时,我尝试建立一个连接: var socket = io('http://mywebserver/node'); 这是正确代理并连接到 http://mypublicappserver:3000 但是,虽然连接在那里,但 Socket.io 认为我是说我希望通信在“节点”命名空间中,因此发出不起作用!但是更改为: var nsp=io.of('/node') 然后 nsp.on('connection', function(socket){etc. 并且它有效! (2认同)