nginx代理webSocket鏈接,webSocket頻繁斷開重連方式

更新時間：2024年09月19日 15:43:32 作者：天黑請?閉眼

當使用Nginx代理WebSocket連接時,若60秒內無數據交互,連接會斷開,解決辦法包括增加proxy_read_timeout時長或在客戶端添加心跳機制,以維持連接穩(wěn)定

一、場景

1、使用nginx代理webSocket鏈接，消息發(fā)送和接收都是正常的，但webSocket鏈接會頻繁斷開重連

2、如果不使用nginx代理則一切正常

3、程序沒有做webSocket心跳處理

如下圖：

二、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;
	}
}

三、原因

使用nginx代理webSocket鏈接，客戶端和服務器握手成功后

如果在60s時間內沒有數據交互，連接就會自動斷開

四、解決

方法1：

在nginx配置proxy_read_timeout時長，最終配置如下

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：

在客戶端添加心跳機制