WebSocket 是什么新技术？（一文读懂并在 Nginx 中配置 WebSocket 代理）

赵其鑫 • 2024年 10月 24日 15:50:50 • 中间件

什么是 WebSocket？

WebSocket 协议是一种全双工通信协议，它旨在替代传统的 HTTP 长轮询模式，为浏览器和服务器之间的双向实时通信提供了一种更高效的方式。与传统的HTTP请求相比，WebSocket在连接建立后，双方可以在任何时候互相发送数据，无需每次重新建立连接。这极大地提高了数据交换的速度和效率，非常适合实时聊天应用、在线游戏、股票行情更新等多种场景。

WebSocket 的特点

持久连接：一旦WebSocket连接建立，除非一方主动关闭，否则会一直保持开放状态。
双向通信：客户端和服务器均可随时发起数据传输，实现真正的实时交互。
低延迟：因为不需要频繁重连，所以能够快速响应。
高效数据传输：相比于HTTP，数据包更小，减少了不必要的头部信息。

在 Nginx 中配置 WebSocket 代理

要在Nginx中配置WebSocket代理，关键在于识别并适当地处理WebSocket握手请求。以下是配置Nginx以代理WebSocket连接的基本步骤：

确认 Nginx 版本：确保使用的Nginx版本至少是1.3.13及以上，因为早期版本不完全支持WebSocket。
配置 WebSocket 相关指令：主要涉及到proxy_pass、proxy_http_version、proxy_set_header等指令。

配置示例

server {
    listen 80;
    server_name example.com;

    location /ws {  # 注意这里的/ws 是你的 WebSocket 路径
        proxy_pass http://your-backend-server;
        proxy_http_version 1.1;  # 必须设置为1.1以支持持久连接
        proxy_set_header Upgrade $http_upgrade;  # 保留升级头
        proxy_set_header Connection "upgrade";   # 明确告知代理这是一个持久连接
        proxy_set_header Host $host;             # 传递正确的主机名
        proxy_cache_bypass $http_upgrade;        # 禁止缓存WebSocket连接
    }
}

在上述配置中：

proxy_pass 指令指定了WebSocket连接将被代理的目标服务器。
proxy_http_version 1.1 确保Nginx使用HTTP/1.1协议，这对于WebSocket来说至关重要。
proxy_set_header Upgrade 和 proxy_set_header Connection 确保了WebSocket握手请求的正确处理。
proxy_set_header Host 传递正确的主机名，这对于后端服务器正确识别源很重要。
proxy_cache_bypass 禁用了代理缓存，因为WebSocket数据通常是动态的，不适合缓存。

测试配置

配置完成后，记得使用nginx -t命令检查配置是否有误，然后使用nginx -s reload或service nginx reload命令重新加载配置。随后，你便可以在你的应用中尝试WebSocket连接，验证Nginx是否正确地进行了代理。

总之，通过在Nginx中正确配置WebSocket代理，可以大大增强Web应用的实时通讯能力，为用户提供更加流畅、互动的体验。同时，这也展示了Nginx作为一个高性能的Web服务器和反向代理，在现代Web开发中不可或缺的地位。