我正在使用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
我读到应该有一个“升级”标题,这是问题的一部分吗?
答案 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!现在一切都很好。