Nginx配置反向代理websocket

超、凢脫俗 2023-06-06 10:37 8阅读 0赞

## **【1】websocket协议** ##

WebSocket是一种在单个TCP连接上进行全双工通信的协议。WebSocket通信协议于2011年被IETF定为标准RFC 6455，并由RFC7936补充规范。WebSocket API也被W3C定为标准。

WebSocket使得客户端和服务器之间的数据交换变得更加简单，允许服务端主动向客户端推送数据。在WebSocket API中，浏览器和服务器只需要完成一次握手，两者之间就直接可以创建持久性的连接，并进行双向数据传输。

WebSocket 协议提供了一种创建支持客户端和服务端实时双向通信Web应用程序的方法。作为HTML5规范的一部分，WebSocket简化了开发Web实时通信程序的难度。目前主流的浏览器都支持WebSocket，包括火狐、IE、Chrome、Safari以及Opera等，而且，越来越多的服务器应用框架也开始支持WebSocket。

WebSocket协议和HTTP协议不同，但是WebSocket协议的握手和HTTP是兼容的，它使用HTTP的Upgrade协议头将连接从HTTP连接升级到WebSocket连接。这个特性使得WebSocket应用程序可以很容易地应用到现有的基础设施。例如，WebSocket应用可以使用标准的80和443 HTTP端口，因此可以通过现有的防火墙设施。

WebSockets应用程序会在客户端和服务器之间建立一个长连接，使得开发实时应用很容易。HTTP的Upgrade协议头机制用于将连接从HTTP连接升级到WebSocket连接，Upgrade机制使用了Upgrade协议头和Connection协议头。反向代理服务器在支持WebSocket协议方面面临着一些挑战。挑战之一是WebSocket是一个逐段转发（hop-by-hop）协议，因此当代理服务器拦截到来自客户端的Upgrade请求时，代理服务器需要将自己的Upgrade请求发送给后端服务器，包括适合的请求头。而且，由于WebSocket连接是长连接，与传统的HTTP端连接截然不同，故反向代理服务器还需要允许这些连接处于打开（Open）状态，而不能因为其空闲就关闭了连接。

--------------------

## **【2】NGINX配置websocket反向代理** ##

反向代理是指以代理服务器来接受网络上的连接请求，然后将请求转发给内部网络上的服务器， 并将从服务器上得到的结果返回给请求连接的客户端，此时代理服务器对外就表现为一个反向代理服务器。

Nginx通过在客户端和后端服务器之间建立隧道来支持WebSockets通信。为了让Nginx可以将来自客户端的Upgrade请求发送到后端服务器，Upgrade和Connection的头信息必须被显式的设置。

nginx.conf配置如下所示：

http{
    	map $http_upgrade $connection_upgrade {
    	    default upgrade;
    	      ''      close;
    	  }
        
    	server {
    	    listen       80;
    	     location / {
    	         proxy_pass http://127.0.0.1:8080;
    	             # 支持websocket
    	             proxy_http_version 1.1;
    	             proxy_set_header Upgrade $http_upgrade;
    	             proxy_set_header Connection "upgrade";
    	     }
    	 }
    }

**map指令的作用**

根据客户端请求中`$http_upgrade` 的值，来构造改变`$connection_upgrade`的值。即根据变量`$http_upgrade`的值创建新的变量`$connection_upgrade`。 创建的规则就是\{\}里面的东西。其中的规则没有做匹配，因此使用默认的。即 `$connection_upgrade` 的值会一直是 `upgrade`。然后如果 `$http_upgrade`为空字符串的话，那值会是 `close`。

**实例如下图**  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0owODA2MjQ_size_16_color_FFFFFF_t_70]

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0owODA2MjQ_size_16_color_FFFFFF_t_70]: /images/20230601/0cfd5312ae5747a29c3b89045351af24.png