如何配置nginx成功代理websocket

更新時(shí)間：2024年02月01日 09:01:06 作者：KazooTTT

配置Nginx作為WebSocket代理是一種常見(jiàn)的設(shè)置，以便在Nginx服務(wù)器上實(shí)現(xiàn)WebSocket連接的轉(zhuǎn)發(fā)和負(fù)載均衡，這篇文章主要介紹了配置nginx以成功代理websocket,需要的朋友可以參考下

配置nginx以成功代理websocket

在使用socket.io的時(shí)候遇到這樣一個(gè)問(wèn)題：websocket接收的消息的順序錯(cuò)位了，然后看了一下瀏覽器的console的報(bào)錯(cuò)，提示連接到ws失敗，然后在瀏覽器的開(kāi)發(fā)者工具的網(wǎng)絡(luò)中看了一下ws對(duì)應(yīng)的消息里面報(bào)錯(cuò)：Error during WebSocket handshake: Unexpected response code: 200

查了一下發(fā)現(xiàn)是nginx沒(méi)有配置的問(wèn)題。

相關(guān)的類(lèi)似的問(wèn)題：

https://github.com/websockets/ws/issues/979

nginx官方文檔提到的解決方法：

WebSocket proxying

需要注意的是：

location /chat/socket.io {
    proxy_pass http://backend;
    proxy_http_version 1.1;
    proxy_set_header Upgrade $http_upgrade;
    proxy_set_header Connection "upgrade";
}

這里的backend就是ip地址或者域名，不需要加后綴/chat/socket.io。

補(bǔ)充：

配置Nginx作為WebSocket代理

配置Nginx作為WebSocket代理是一種常見(jiàn)的設(shè)置，以便在Nginx服務(wù)器上實(shí)現(xiàn)WebSocket連接的轉(zhuǎn)發(fā)和負(fù)載均衡。以下是配置Nginx作為WebSocket代理的步驟：

步驟1：安裝Nginx

首先，確保已在服務(wù)器上安裝了Nginx。你可以根據(jù)你的操作系統(tǒng)類(lèi)型，參考Nginx官方文檔進(jìn)行安裝步驟。

步驟2：編輯Nginx配置文件

打開(kāi)Nginx的配置文件，一般為 /etc/nginx/nginx.conf 或 /etc/nginx/conf.d/default.conf。

步驟3：配置WebSocket代理

在 http 塊內(nèi)添加以下配置來(lái)配置WebSocket代理：

http {
    ...
    # 配置WebSocket代理
    map $http_upgrade $connection_upgrade {
        default upgrade;
        '' close;
    }
    upstream websocket_servers {
        server backend1;
        server backend2;
        # 添加更多的后端服務(wù)器
    }
    server {
        ...
        location /websocket {
            proxy_pass http://websocket_servers;
            proxy_http_version 1.1;
            proxy_set_header Upgrade $http_upgrade;
            proxy_set_header Connection $connection_upgrade;
        }
        ...
    }
}

在上面的配置中，將 backend1 和 backend2 替換為實(shí)際的WebSocket后端服務(wù)器的地址。你可以添加更多的后端服務(wù)器作為負(fù)載均衡。