Node,ws,ssl,nginx给出错误426,需要升级

时间:2018-05-23 20:30:28

标签: node.js nginx websocket

我正在使用Node.js和NGINX提供应用程序。我正在使用LetsEncrypt保护NGINX,并使用pm2在服务器上运行我的节点应用程序(使用NGINX作为反向代理)。

我的网站不会加载任何内容(426错误 - 需要升级),但我可以使用以下便笺簿连接:

var port = 443;
var ws = new WebSocket("wss://mywebsite.com:" + port);

ws.onopen = function() {
  console.log("Connected");
}

ws.onmessage = function(comment) {
  console.log(JSON.parse(comment.data));
}

这是NGINX设置:

server {

        root /var/www/html;

        # Add index.php to the list if you are using PHP
        index index.html index.htm index.nginx-debian.html;

        server_name mywebsite.com www.mywebsite.com;

        location / {
                proxy_pass http://127.0.0.1:8080/;
                proxy_http_version 1.1;
                proxy_set_header Upgrade $http_upgrade;
                proxy_set_header Connection "upgrade";
    }

    listen [::]:443 ssl ipv6only=on; # managed by Certbot
    listen 443 ssl; # managed by Certbot
    ssl_certificate /path/to/cert; # managed by Certbot
    ssl_certificate_key /path/to/key; # managed by Certbot
    include /etc/letsencrypt/options-ssl-nginx.conf; # managed by Certbot
    ssl_dhparam /etc/letsencrypt/ssl-dhparams.pem; # managed by Certbot


}
server {
    if ($host = www.mywebsite.com) {
        return 301 https://$host$request_uri;
    } # managed by Certbot


    if ($host = mywebsite.com) {
        return 301 https://$host$request_uri;
    } # managed by Certbot


        listen 80 default_server;
        listen [::]:80 default_server;

        server_name mywebsite.com www.mywebsite.com;
    return 404; # managed by Certbot
}

我的客户端代码基本上与暂存器相同。这是相关的服务器端代码:

var WebSocket = require('ws');
var serverPort = 8080;
var wss = new WebSocket.Server({port:serverPort});
console.log("Server running on port " + serverPort + " started at: " + new Date());

wss.on('connection', function(ws) {

        console.log("Connected to websocket: " + ws);
        var introComment = JSON.stringify({
                user: "Welcome!",
                data: {
                        body: "Welcome to the realtime feed!",
                        name: "realtime-intro-connection-message",
                },

        });
        ws.send(introComment);
});

这些是浏览器收到的响应标头:

HTTP/1.1 426 Upgrade Required
Server: nginx/1.10.3 (Ubuntu)
Date: Wed, 23 May 2018 19:20:36 GMT
Content-Type: text/plain
Content-Length: 16
Connection: keep-alive

我读到应该有一个“升级”标题,这是问题的一部分吗?

2 个答案:

答案 0 :(得分:1)

要将客户端和服务器之间的连接从HTTP / 1.1转换为WebSocket,将使用HTTP / 1.1中可用的协议切换机制。

但是,有一个微妙之处:由于“升级”是逐跳的标头,因此它不会从客户端传递到代理服务器。使用正向代理,客户端可以使用CONNECT方法来规避此问题。但是,这不适用于反向代理,因为客户端不知道任何代理服务器,并且需要对代理服务器进行特殊处理。

从1.3.13版本开始,nginx实施了特殊的操作模式,该模式允许在代理服务器返回带有代码101(交换协议)的响应并且客户端请求协议的情况下,在客户端和代理服务器之间建立隧道。通过请求中的“升级”标头进行切换。

如上所述,包括“ Upgrade”和“ Connection”在内的逐跳标题不会从客户端传递到代理服务器,因此,为了使代理服务器了解客户端将协议切换到WebSocket的意图, ,则必须明确传递以下标头:

 location /chat/ {
        proxy_pass http://backend;
        proxy_http_version 1.1;
        proxy_set_header Upgrade $http_upgrade;
        proxy_set_header Connection "upgrade";
    }

一个更复杂的示例,其中对代理服务器的请求中的“连接”标头字段的值取决于客户端请求标头中“升级”字段的存在:

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

服务器{ ...

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

答案 1 :(得分:-1)

我从未真正找到答案,所以我改变了我的策略:

我从ws(npm' websockets)移到了socket.io。这似乎得到了更广泛的支持。对于使用socket.io的示例应用,请在这些精彩视频中查看here!现在一切都很好。