ウェブサイトがnginxからhttpsを介してgunicornにプロキシされ、400（悪いリクエスト）

Question

Flask Webアプリケーションでwebsocketを確立できません。

クライアント側では、毎秒サーバーに「ping」websocketイベントを発行しています。ブラウザのコンソールでは、私は目の前にnginxのを使用してhttpsで作業のWebSocketの例については、すべての上に探している私はnginx.conf

server { 
    listen 80; 
    server_name example.com www.example.com; 
    return 301 https://$server_name$request_uri; 
} 

upstream app_server { 

    # for UNIX domain socket setups 
    server unix:/pathtowebapp/gunicorn.sock fail_timeout=0; 

} 

server { 

    listen 443 ssl; 

    server_name example.com www.example.com; 

    keepalive_timeout 5; 

    ssl_certificate /etc/letsencrypt/live/example.com/fullchain.pem; 
    ssl_certificate_key /etc/letsencrypt/live/example.com/privkey.pem; 

    ssl_protocols TLSv1 TLSv1.1 TLSv1.2; 
    ssl_prefer_server_ciphers on; 
    ssl_ciphers 'EECDH+AESGCM:EDH+AESGCM:AES256+EECDH:AES256+EDH'; 

    charset  utf-8; 
    client_max_body_size 30M; 

    location/{ 
     try_files $uri @proxy_to_app; 
    } 

    location /socket.io { 
     proxy_pass http://app_server; 
     proxy_redirect off; 

     proxy_set_header Host $host; 
     proxy_set_header X-Real-IP $remote_addr; 
     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 Upgrade websocket; 
     proxy_set_header Connection "upgrade"; 
     proxy_read_timeout 86400; 
     proxy_buffering off; 
     proxy_headers_hash_max_size 1024; 

    } 


    location /static { 
     alias /pathtowebapp/webapp/static; 
    } 

    location @proxy_to_app { 
     proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for; 

     # enable this if and only if you use HTTPS 
     proxy_set_header X-Forwarded-Proto https; 

     proxy_set_header X-Forwarded-Proto $scheme; 

     proxy_set_header Host $http_host; 

     # we don't want nginx trying to do something clever with 
     # redirects, we set the Host: header above already. 
     proxy_redirect off; 
     #proxy_buffering off; 
     proxy_pass http://app_server; 

    } 

} 

を以下している

POST https://example.com/socket.io/?EIO=3&transport=polling&t=LOkVYzQ&sid=88b5202cf38f40879ddfc6ce36322233 400 (BAD REQUEST) 

GET https://example.com/socket.io/?EIO=3&transport=polling&t=LOkVZLN&sid=5a355bbccb6f4f05bd46379066876955 400 (BAD REQUEST) 

WebSocket connection to 'wss://example.com/socket.io/?EIO=3&transport=websocket&sid=5a355bbccb6f4f05bd46379066876955' failed: WebSocket is closed before the connection is established. 

各二次のエラーが表示されますガンコーン

websocket接続が正常に行われていませんが、私のウェブページが読み込まれます。私はgunicorn.conf

import multiprocessing 

bind = 'unix:/pathtowebapp/gunicorn.sock' 
workers = multiprocessing.cpu_count() * 2 + 1 
worker_class = 'eventlet' 

[EDIT]私はそれがFlask-IO documentationとしている道をnginxの設定している場合ここで

var socket = io.connect('https://' + document.domain + ':' + location.port + namespace); 

：

クライアント側のWebSocketは、次のJavaScriptを使用して確立されます(env)$ python deploy_app.pyを実行するだけで動作します。しかし、私はこれが以前に述べた設定と同じように製造上理想的ではないという印象を受けました

Answer 1

問題は、あなたがガンコンで複数の作業者を実行していることです。これは、現在サポートされている構成ではありません。これは、stickyセッションをサポートしていないgunicornの非常に限られたロードバランサのためです。ドキュメント参照：https://flask-socketio.readthedocs.io/en/latest/#gunicorn-web-server。

代わりに、それぞれ1人のワーカーを持つ複数のgunicornインスタンスを実行してから、セッションがスティッキーになるようにip_hashメソッドを使用して負荷分散を行うようにnginxを設定します。

また、ご存じない場合は、複数のサーバーを実行する場合は、プロセスが調整できるようにメッセージキューも実行する必要があります。これは上記のドキュメンテーションのリンクでもカバーされています。