WebSocket プロキシする方法

Nginx で WebSocket をプロキシするやり方を書いておきます。

公式に全部書いてあるので、詳細は公式ページを確認してください。

• Using NGINX as a WebSocket Proxy

多くの場合、下記のようなリバースプロキシ設定になってると思います。

server {
    listen 80;
    server_name viasnake.com;

    location / {
        proxy_pass   http://localhost:3000;
    }
}

これだと80番にドメイン viasnake.com で入ってきた通信を localhost:3000 に流すっていう設定になります。SSL なら443になります。

これだと WebSocket は localhost:3000 に流れないので、下記に変更します。

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

    server {
        listen 80;
        server_name viasnake.com;
        
        location / {
            proxy_http_version 1.1;
            proxy_set_header Upgrade $http_upgrade;
            proxy_set_header Connection $connection_upgrade;
            proxy_set_header Host $host;
            proxy_pass http://localhost:3000;
        }
    }
}

これで80番にドメイン viasnake.com で入ってきた WebSocket も localhost:3000 に流れます。