nginx プロキシの webSocket リンク、webSocket が頻繁に切断され、再接続される

---

1. シーン

1. nginx を使用して webSocket リンクをプロキシします。メッセージの送受信は正常ですが、webSocket リンクが頻繁に切断され、再接続されます。

2. nginx プロキシを使用しない場合は、すべてが正常になります。

3. プログラムは webSocket ハートビート処理を実行しません

以下に示すように

---

2. nginxプロキシ設定

upstream cloud_ass {
    
    
	#ip_hash;
	server 192.168.1.233:8087;
	server 192.168.1.243:8087;
}

server {
    
    
    listen       8600;
    server_name  localhost;

    location / {
    
    
        root   html;
        index  index.html index.htm;
    }
    
    error_page   500 502 503 504  /50x.html;
    location = /50x.html {
    
    
        root   html;
    }
	

	location ~* /FS_WEB_ASS/* {
    
    
		proxy_pass http://cloud_ass;
		
		# WebScoket Support
		proxy_http_version 1.1;
		proxy_set_header Upgrade $http_upgrade;
		proxy_set_header Connection "upgrade";
		
		proxy_set_header Origin "";
		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;
		break;
	}
}

---

3. 理由

nginx を使用して webSocket リンクをプロキシします。クライアントとサーバーのハンドシェイクが成功した後、60 秒以内にデータのやり取りがない場合、接続は自動的に切断されます。

---

4.解決する

方法 1: proxy_read_timeoutnginx で期間を構成します。最終的な構成は次のとおりです。

upstream cloud_ass {
    
    
	#ip_hash;
	server 192.168.1.233:8087;
	server 192.168.1.243:8087;
}

server {
    
    
    listen       8600;
    server_name  localhost;

    location / {
    
    
        root   html;
        index  index.html index.htm;
    }
    
    error_page   500 502 503 504  /50x.html;
    location = /50x.html {
    
    
        root   html;
    }
	

	location ~* /FS_WEB_ASS/* {
    
    
		proxy_pass http://cloud_ass;
		
		# WebScoket Support
		proxy_http_version 1.1;
		# webscoekt超时时间，如果没有做心跳之类的动作需要配置，否则webSocket会频繁断开重连
		proxy_read_timeout 700s;
		proxy_set_header Upgrade $http_upgrade;
		proxy_set_header Connection "upgrade";
		
		proxy_set_header Origin "";
		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;
		break;
	}
}

上記の方法では、設定された期間内のみリンクを維持できます。

方法 2: クライアントにハートビート メカニズムを追加する