Nginx를 사용하여 WebSocket 프로토콜 지원을 구현하는 방법

Nginx를 사용하여 WebSocket 프로토콜 지원을 구현하는 방법

WebSocket 프로토콜은 웹 애플리케이션에서 양방향 통신을 구현하는 프로토콜입니다. 이를 통해 클라이언트가 먼저 요청을 시작하지 않고도 서버가 클라이언트에 적극적으로 데이터를 보낼 수 있습니다. 기존 HTTP 프로토콜과 비교하여 WebSocket 프로토콜은 대기 시간이 짧고 효율성이 높으며 실시간 요구 사항이 높은 애플리케이션 시나리오에 적합합니다. 이 기사에서는 Nginx를 역방향 프록시로 사용하여 WebSocket 프로토콜을 지원하는 방법을 소개합니다.

Nginx는 로드 밸런싱, 역방향 프록시, 정적 파일 캐싱 및 기타 시나리오에 사용할 수 있는 고성능 오픈 소스 역방향 프록시 서버입니다. Nginx는 WebSocket 프로토콜을 지원하기 위한 일부 모듈과 지시문도 제공합니다. 다음은 간단한 구성 예입니다.

http {
    # 其他的http配置

    map $http_upgrade $connection_upgrade {
        default upgrade;
        '' close;
    }

    server {
        listen 80;

        location /ws/ {
            proxy_pass http://backend;
            proxy_http_version 1.1;
            proxy_set_header Upgrade $http_upgrade;
            proxy_set_header Connection $connection_upgrade;
        }
    }
}

위 구성에서는 WebSocket 연결 요청을 처리하기 위해 /ws/ 경로를 정의했습니다. WebSocket 요청은 http://backend 주소로 프록시됩니다. proxy_pass 지시문은 프록시의 백엔드 서버 주소를 설정하는 데 사용되며 proxy_http_version 지시문은 프록시의 HTTP 프로토콜 버전을 설정하는 데 사용됩니다. proxy_set_header 지시문은 요청 헤더 정보를 설정하는 데 사용되며, 이 중 Upgrade 및 Connection이 필요하며 서버에 프로토콜 업그레이드를 알리는 데 사용됩니다. . /ws/路径，用于处理WebSocket的连接请求。WebSocket的请求将会被代理到http://backend地址上。proxy_pass指令用于设置代理的后端服务器地址，proxy_http_version指令用于设置代理的HTTP协议版本。proxy_set_header指令用于设置请求头信息，其中Upgrade和Connection是必需的，用于告知服务器进行协议升级。

需要注意的是，上述配置中的map指令用于将客户端请求头中的Upgrade字段映射为$http_upgrade变量，并根据其值来动态设置$connection_upgrade变量。这样可以实现在请求中发现Upgrade字段时，将Upgrade字段的值设置为$connection_upgrade字段的值，否则将关闭连接。

在配置完成后，我们只需要将Nginx启动即可：

sudo service nginx start

现在，我们已经完成了使用Nginx作为反向代理来支持WebSocket协议的配置。我们可以使用以下代码片段来测试WebSocket的连接：

var socket = new WebSocket("ws://yourdomain.com/ws/");
socket.onopen = function () {
    console.log("Connection established.");
};
socket.onmessage = function (event) {
    console.log("Received message: ", event.data);
};
socket.onclose = function () {
    console.log("Connection closed.");
};

将ws://yourdomain.com/ws/

위 내용은 Nginx를 사용하여 WebSocket 프로토콜 지원을 구현하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!