配置nginx以成功代理websocket

在使用socket.io的时候遇到这样一个问题：websocket接收的消息的顺序错位了，然后看了一下浏览器的console的报错，提示连接到ws失败，然后在浏览器的开发者工具的网络中看了一下ws对应的消息里面报错：Error during WebSocket handshake: Unexpected response code: 200

查了一下发现是nginx没有配置的问题。

相关的类似的问题：

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。

补充：

配置Nginx作为WebSocket代理

配置Nginx作为WebSocket代理是一种常见的设置，以便在Nginx服务器上实现WebSocket连接的转发和负载均衡。以下是配置Nginx作为WebSocket代理的步骤：

步骤1：安装Nginx

首先，确保已在服务器上安装了Nginx。你可以根据你的操作系统类型，参考Nginx官方文档进行安装步骤。

步骤2：编辑Nginx配置文件

打开Nginx的配置文件，一般为 /etc/nginx/nginx.conf 或 /etc/nginx/conf.d/default.conf。

步骤3：配置WebSocket代理

在 http 块内添加以下配置来配置WebSocket代理：

http {
    ...
    # 配置WebSocket代理
    map $http_upgrade $connection_upgrade {
        default upgrade;
        '' close;
    }
    upstream websocket_servers {
        server backend1;
        server backend2;
        # 添加更多的后端服务器
    }
    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 替换为实际的WebSocket后端服务器的地址。你可以添加更多的后端服务器作为负载均衡。

步骤4：重启Nginx

保存配置文件并重启Nginx服务，使配置生效：

sudo service nginx restart

现在，Nginx已配置为WebSocket代理。你可以通过访问 http://your-domain.com/websocket 来连接到WebSocket服务器，并使用Nginx作为中间代理。

请注意，上述配置是一个基本示例。根据你的实际需求和环境，可能需要进行其他的Nginx配置调整。

希望这个回答对你有帮助！如果你还有其他问题，请随时提问。

到此这篇关于配置nginx以成功代理websocket的文章就介绍到这了,更多相关nginx代理websocket内容请搜索IT俱乐部以前的文章或继续浏览下面的相关文章希望大家以后多多支持IT俱乐部！