nginxでリバースプロキシを使った際に取得したIPアドレスが127.0.0.1になっている

Question

nginxとnodeサーバーを使ったアプリで現象が起きています。

IPアドレスは、socket.io の「handshake.address」を使って取得しようとしています。

nginxでリバースプロキシを使うとヘッダー情報のIPアドレスが127.0.0.1に書き換わる（？）という事象があるというのは

サイトでいくつか見て、それぞれ対処法を試してみたのですが、変化ありません。。

おかしなところがありましたら、ご教授頂きたいです。

よろしくお願い致します。

• サブドメイン(仮)：hoge.huga.jp
• NodeのHttpサーバー：http://0.0.0.0:2222
• Nodeのwsサーバー：http://0.0.0.0:1111

設定ファイル

nginx.conf

user  nginx;
worker_processes  1;

error_log  /var/log/nginx/error.log warn;
pid        /var/run/nginx.pid;


events {
    worker_connections  1024;
}


http {
    include       /etc/nginx/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  /var/log/nginx/access.log  main;

    sendfile        on;
    #tcp_nopush     on;

    keepalive_timeout  65;

    # ! modified ! #
    gzip on;
    proxy_buffering on;
    proxy_buffer_size   8k;
    proxy_buffers       100 8k;

    server_tokens off;

    proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
    proxy_set_header Client-IP $remote_add;
    proxy_set_header Host $http_host;
    proxy_redirect off;

    include /etc/nginx/conf.d/*.conf;
}

default.conf

map $http_upgrade $connection_upgrade {
    default upgrade;
    ''      close;
}

server {
    # demo site(http://demo.localhost/)
    listen       80;
    server_name  demo.localhost;
    root         /var/www/hoge/demo_site;
    index        index.html;
}

server {
    listen 80;
    server_name hoge.huga.jp;

    location / {
      proxy_set_header Host $http_host;
      proxy_pass http://0.0.0.0:2222;
    }

    location /socket.io/ {
      proxy_pass http://0.0.0.0:1111;
      proxy_http_version 1.1;
      proxy_set_header Upgrade $http_upgrade;
      proxy_set_header Connection $connection_upgrade;
    }

    location /socket/ {
      proxy_pass http://0.0.0.0:1111/;
      proxy_http_version 1.1;
      proxy_set_header Upgrade $http_upgrade;
      proxy_set_header Connection $connection_upgrade;
    }

}

server {
    listen 443;
    server_name hoge.huga.jp;

    location / {
      proxy_pass http://0.0.0.0:2222;
      proxy_http_version 1.1;
      proxy_set_header Upgrade $http_upgrade;
      proxy_set_header Connection $connection_upgrade;
    }
}

server {
    listen      80 default_server;
    server_name _;
    return      444;
}

socket_ctrl.js

  ~ 省略 ~

  //接続確立時の処理
  connect = io.sockets.on('connection', function (socket) {

      // 接続時
      socket.on('connected', function (r) {
console.log(socket.handshake); // ひとまずここでヘッダー情報をとれるか確認してます。

(※原因はnginxの設定ファイルだと今のところ思っているので、websocketはタグ付けしません。)

---

解決方法

結局、serverのレベルに「X-Forwarded-For」の設定を入れていたので効いていなかったようです。
以下のように location のレベルに指定をいれて動くようになりました。
※nginx.confの「proxy_set_header」は全て削除しました。

server {
    listen 80;
    server_name hoge.huga.jp;

    location / {
      proxy_pass http://0.0.0.0:2222;
    }

    location /socket.io/ {
      proxy_pass http://0.0.0.0:1111;
      proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
      proxy_http_version 1.1;
      proxy_set_header Upgrade $http_upgrade;
      proxy_set_header Connection $connection_upgrade;
    }

    location /socket/ {
      proxy_pass http://0.0.0.0:1111/;
      proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
      proxy_http_version 1.1;
      proxy_set_header Upgrade $http_upgrade;
      proxy_set_header Connection $connection_upgrade;
    }

}

Answer 1

Module ngx_http_realip_moduleを使用されているようですが、
これは指定したHTTPヘッダから、nginxへの接続元のアドレスを取得するもので、nginxの手前にプロクシなどがある場合に使用するものです。
今回は、nginxの手前には何もないと思いますので、関係ありません。
そのため、以下の設定は不要と思います。

set_real_ip_from   [グローバルIP];
real_ip_header    X-Forwarded-For;

逆に、以下のページにあるように、
自分でX-FORWARDED-FORなどに、nginxへの接続元のアドレスを設定する必要があります。

proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;

centos7 - nginx でアクセス元のIPを正しく表示させる方法 - Qiita

さらに、handshake.addressは直接のTCP接続元を取得するもののようなので、
HTTPヘッダをみるには、
以下にあるように、handshake.headers['x-forwarded-for']を使うべきです。

express - How to get request’s HTTP headers with Socket.io? - Stack Overflow

Comments

[CyberMergina]

情報ありがとうございます！
コピペでやっていたもので、意味を理解していませんでした・・・

実際に「handshake.headers」の中身をログに出してみると「x-forwarded-for」が見当たりませんでした・・・

header { connection: 'close',
host: '0.0.0.0:1111',
origin: 'http://xxxxxxxxxxx',
'user-agent': 'Mozilla/5.0 (Macintosh; Intel Mac OS X 10_11_1) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/46.0.2490.86 Safari/537.36 OPR/33.0.1990.115',
accept: '*/*',
referer: 'http://xxxxxxx/hogehoge/index.html',
'accept-encoding': 'gzip, deflate, lzma, sdch',
'accept-language': 'en-US,en;q=0.8,ja;q=0.6',
cookie: 'io=xxxxxxxxxxxxxx' }

明日原因を探ってみます・・・

[eripong]

すみません。
こちらの調査不足で、回答の内容が誤っているようです。
改めて調べたあと、更新します。

[eripong]

ngx_http_realip_moduleの機能を誤解していました。
更新したので、確認お願いします。

[CyberMergina]

追記、ありがとうございます！

X-Forwarded-Forにセットされるように記述してみたのですが、ヘッダー情報は変わらずでした・・・
ヘッダーへのセットについて足りないものがないか調査してみます！

[eripong]

ちょっとこちらで検証できず申し訳ないのですが、
切り分けのために、X-Forwarded-forに固定の文字列を渡すようにしてみると、
どうでしょうか？

[CyberMergina]

返信遅れてしまい、大変申し訳ございません。
X-Forwarded-for に「123.456.789.123」という文字列を渡してみましたが、
結果は変わらずでした。

[CyberMergina]

一旦、仮想環境を作り一から設定しなおしてみると
X-Forwarded-Forを設定すると上手く取得できました！

あとは違いを見てみることにします。
ありがとうございました！

[eripong]

了解です。
違いがハッキリしたら、
ここに追記しておくと、
他の人の役に立つかも知れません。

[CyberMergina]

助言ありがとうございます！書いておきます！