修改Nginx主配置文件

    1. # 在http上下文中增加如下配置，确保Nginx能处理正常http请求。
    2. http{
    3.   map $http_upgrade $connection_upgrade {
    4.     default upgrade;
    5.     ''      close;
    6.   }
    8.   upstream websocket {
    9.     #ip_hash;
    10.     server localhost:8010;  
    11.     server localhost:8011;
    12.   }
    14. # 以下配置是在server上下文中添加，location指用于websocket连接的path。
    16.   server {
    17.     listen       80;
    18.     server_name localhost;
    19.     access_log /var/log/nginx/yourdomain.log;
    21.     location / {
    22.       proxy_pass http://websocket;
    23.       proxy_read_timeout 300s;
    25.       proxy_set_header Host $host;
    26.       proxy_set_header X-Real-IP $remote_addr;
    27.       proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
    29.       proxy_http_version 1.1;
    30.       proxy_set_header Upgrade $http_upgrade;
    31.       proxy_set_header Connection $connection_upgrade;
    32.         }
    33.     }
    34. }

    最重要的就是在反向代理的配置中增加了如下两行，其它的部分和普通的HTTP反向代理没有任何差别。

    1. proxy_set_header Upgrade $http_upgrade;
    2. proxy_set_header Connection $connection_upgrade;

    这里面的关键部分在于HTTP的请求中多了如下头部：

    1. Upgrade: websocket
    2. Connection: Upgrade

    这两个字段表示请求服务器升级协议为WebSocket。服务器处理完请求后，响应如下报文：

    1. # 状态码为101
    2. HTTP/1.1 101 Switching Protocols
    3. Upgrade: websocket
    4. Connection: upgrade

    告诉客户端已成功切换协议，升级为Websocket协议。握手成功之后，服务器端和客户端便角色对等，就像普通的Socket一样，能够双向通信。不再进行HTTP的交互，而是开始WebSocket的数据帧协议实现数据交换。
    这里使用map指令可以将变量组合成为新的变量，会根据客户端传来的连接中是否带有Upgrade头来决定是否给源站传递Connection头，这样做的方法比直接全部传递upgrade更加优雅。
    默认情况下，连接将会在无数据传输60秒后关闭，proxy_read_timeout参数可以延长这个时间或者源站通过定期发送ping帧以保持连接并确认连接是否还在使用。

    • 测试通过Nginx访问WebSocket服务

    上面的配置会使NGINX监听80端口，并把接收到的任何请求传递给后端的WebSocket服务器。