web-dev-qa-db-ja.com

nginx 1.3.13からsocket.ioへのWebSocketトラフィックのプロキシ（SSLなし）

2日前から、nginxはwebsocket接続のサポートを開始したため、nginx-nodejs-socket.ioアプリケーションがHAproxy ectなしで動作するようにしようとしていました（幸運ではありません）。

私が正確に達成したいのは、nginxがwebsocket接続リクエストのみをバッキングされたサーバー、またはwebsocketサーバーに送信すること、より正確にはsocket.io、同時にnginxはphpファイル、およびhtmlファイルを含むすべての静的コンテンツを提供することです.Expressで静的コンテンツを提供したくない（可能な場合）。

これが私のnginx.confです

#user  nobody;
worker_processes  1;

#error_log  logs/error.log;
#error_log  logs/error.log  notice;
#error_log  logs/error.log  info;

#pid        logs/nginx.pid;
events {
    worker_connections  1024;
}

http {
    include       mime.types;
    default_type  application/octet-stream;

    #log_format  main  '$remote_addr - $remote_user [$time_local] "$request" '
    #                  '$status $body_bytes_sent "$http_referer" '
    #                  '"$http_user_agent" "$http_x_forwarded_for"';

    #access_log  logs/access.log  main;

    sendfile        on;
    #tcp_nopush     on;

    #keepalive_timeout  0;
    keepalive_timeout  65;

    gzip  on;

    upstream backend {
        server 127.0.0.1:8080;
    }

    server {
        listen       80;
        server_name  localhost;

        charset UTF-8;

        #access_log  logs/Host.access.log  main;

        location / {
            root   /website/html_public;
            index  index.php index.html index.htm;
        }       
        #error_page  404              /404.html;

        # redirect server error pages to the static page /50x.html
        #
        error_page   500 502 503 504  /50x.html;
        location = /50x.html {
            root   /website/html_public;
        }

        # proxy the PHP scripts to Apache listening on 127.0.0.1:80
        #
        #location ~ \.php$ {
        #    proxy_pass   http://127.0.0.1;
        #}

        # pass the PHP scripts to FastCGI server listening on 127.0.0.1:9000
        location ~ \.php$ {
        root           /website/html_public;
        try_files      $uri =404;
        fastcgi_pass   unix:/tmp/php5-fpm.sock;
        fastcgi_index  index.php;
        fastcgi_param  SCRIPT_FILENAME  $document_root$fastcgi_script_name;
        include        fastcgi_params;
        }

        # deny access to .htaccess files, if Apache's document root
        # concurs with nginx's one
        #
        location ~ /\.ht {
            deny  all;
        }

         location /connection {
         proxy_pass http://backend;  
         proxy_http_version 1.1;
         proxy_set_header Upgrade $http_upgrade;
         proxy_set_header Connection "upgrade";
             }
       }

    # another virtual Host using mix of IP-, name-, and port-based configuration
    #
    #server {
    #    listen       8000;
    #    listen       somename:8080;
    #    server_name  somename  alias  another.alias;

    #    location / {
    #        root   /website/html_public;
    #        index  index.php index.html index.htm;
    #    }
    #}
}

そして、これがノードの私のserver.jsファイルです

var express = require('express');
var app     = express();
var port    = 8080;

/* HTTP Server*/

server = require('http').createServer(app);
server.listen(port);
app.use(express.logger(':remote-addr - :method :url HTTP/:http-version :status :res[content-length] - :response-time ms'));
app.use(express.static(__dirname + '/html_public'));
app.use(express.favicon());

app.set('view engine', 'jade');
app.set('view options', { layout: false });
app.set('views', __dirname + '/views');

app.get('/', function(req, res){
    res.render('index.html');

});

/*
* Web Sockets
*/
io   = require('socket.io').listen(server),
io.configure('production', function(){
io.enable('browser client etag');
io.set('log level', 1);
io.set('transports', [ 'websocket', 'htmlfile', 'xhr-polling', 'jsonp-polling' ]);
});


console.log('Chat Server started with Node '+ process.version +', platform '+ process.platform + 'to port %d',port);

私のクライアントから、次のように接続してみてください：

socket = new io.connect('http://localhost/connection');

問題は、正常に接続しようとすると、chromeブラウザにlocalhostと入力すると、コンソールに表示されます。

GET http://localhost/socket.io/socket.io.js 404 (Not Found)

また、ブラウザに入力すると：http://localhost/connection "Cannot GET/connection"を受け取ります。これは、nginxが現在の構成でWebSocketを正常にプロキシしていないことを示しています。

nginxproxynode.jswebsocket
5
Skeptic

ここでnginxを介したWebソケットは正常に動作します」

場所セクションを次のように変更しました：

    location / {
        proxy_set_header X-Real-IP $remote_addr;
        proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
        proxy_set_header Host $http_Host;
        proxy_set_header X-NginX-Proxy true;

        proxy_pass http://backend;
        proxy_redirect off;

        proxy_http_version 1.1;
        proxy_set_header Upgrade $http_upgrade;
        proxy_set_header Connection "upgrade";
    }

これで、非常に高速なWebソケット接続が可能になります。イピー！

4
user162445

socket.ioは、node_modulesディレクトリのどこかからクライアントスクリプトsocket.io.jsを自動的に提供するという点で、少しこっそりです。

したがって、あなたがしなければならないことは、nginxにその場所のリクエストをnode.jsにも渡すように伝えることです。私のnginx.confに私は持っています：

    location /chat {
        proxy_pass http://backend;
        proxy_http_version 1.1;
        proxy_set_header Upgrade $http_upgrade;
        proxy_set_header Connection "upgrade";
    }

    location /socket.io {
        proxy_pass http://backend;
    }

ただし、WebSocket接続が502の「不正なゲートウェイ」エラーで失敗するまでは、それだけで私を取得できます。

その後、socket.ioは非常に遅いxhr-pollingにフォールバックします。

2
user162445