[英]Secure WebSocket Connection through nginx 1.10.3 and LetsEncrypt
因为我无法找出为什么无法通过HTTPS
连接到WebSocket
服务器的原因而一直在HTTPS
。
因此,我有一台运行vue
应用程序的Express 4服务器。 它使用npm中的ws
库连接到WebSocket
服务器。 Nginx是1.10.3。 我使用LetsEncrypt保护它。
当我上网时,会收到(在控制台中):
main.js:12与'wss://play.mysite.com:8443 /'的WebSocket连接失败:连接建立错误:net :: ERR_CONNECTION_CLOSED
第12行:
window.ws = new WebSocket(
${tls}://${window.location.hostname}:${port}
);`
那是wss://play.mysite.com:8443
。 它确实在子域上。
这是我的nginx
块: update:我明白了!
upstream websocket {
server 127.0.0.1:8443;
}
server {
root /var/www/play.mysite.com/dist;
index index.html;
access_log /var/log/wss-access-ssl.log;
error_log /var/log/wss-error-ssl.log;
server_name play.mysite.com www.play.mysite.com;
location /ws {
proxy_pass http://websocket;
proxy_http_version 1.1;
proxy_set_header Upgrade $http_upgrade;
proxy_set_header Connection "upgrade";
proxy_set_header Host $host;
}
listen [::]:443 ssl ipv6only=on default_server; # managed by Certbot
listen 443 ssl http2 default_server; # managed by Certbot
ssl_certificate /etc/letsencrypt/live/play.mysite.com/fullchain.pem; # managed by Certbot
ssl_certificate_key /etc/letsencrypt/live/play.mysite.com/privkey.pem; # managed by Certbot
include /etc/letsencrypt/options-ssl-nginx.conf; # managed by Certbot
ssl_dhparam /etc/letsencrypt/ssl-dhparams.pem; # managed by Certbot
}
如您所见,我们在https://play.mysite.com
上有子域。 我的Express
服务器始终在端口4000
上侦听,而WebSocket
服务器在生产时侦听wss
/端口8443
。
当我查看/var/log/wss-error-ssl.log
,我得到:
2018/03/01 04:45:17 [错误] 30343#30343:在连接到上游时* 1 connect()失败(111:连接被拒绝),客户端:68.117.172.118,服务器:play.mysite.com,请求: “ GET /static/css/app.67b8cb3fda61e1e2deaa067e29b52040.css HTTP / 1.1”,上游:“ http://[::1]:4000/static/css/app.67b8cb3fda61e1e2deaa067e29b52040.css ”,主机:“ play.mysite。 com”,引荐来源网址:“ https://play.mysite.com/ ”
那么,我到底在做什么错?
proxy_pass
设置正确。 在两个客户端/服务器上侦听WebSocket
端口8443
。 什么意思? 谢谢。
编辑:是的,我知道端口8443
正在运行:
root@MySITE:/var/www/play.mysite.com# netstat -l
Active Internet connections (only servers)
Proto Recv-Q Send-Q Local Address Foreign Address State
tcp 0 0 *:https *:* LISTEN
tcp 0 0 localhost:4000 *:* LISTEN
tcp 0 0 localhost:mysql *:* LISTEN
tcp 0 0 *:http *:* LISTEN
tcp 0 0 *:ssh *:* LISTEN
tcp6 0 0 [::]:8443 [::]:* LISTEN
tcp6 0 0 [::]:https [::]:* LISTEN
tcp6 0 0 [::]:http [::]:* LISTEN
tcp6 0 0 [::]:ssh [::]:* LISTEN
udp 0 0 *:bootpc *:*
udp 0 0 45.76.1.234.vultr.c:ntp *:*
udp 0 0 localhost:ntp *:*
udp 0 0 *:ntp *:*
udp6 0 0 2001:19f0:5:2b9c:54:ntp [::]:*
udp6 0 0 fe80::5400:1ff:fe61:ntp [::]:*
udp6 0 0 localhost:ntp [::]:*
udp6 0 0 [::]:ntp [::]:*
TL'DR为/websocket
添加第二个位置块,并使javascript客户端命中wss://play.mysite.com/websocket
我看到您的Nginx服务器配置有几个问题。
Nginx不在端口8443
上侦听,但您的JavaScript却访问了wss://play.mysite.com:8443
。 因此,尽管nginx为play.mysite.com
域提供了端口443
和80
,但您的javascript试图使用wss
(TLS)绕过nginx并直接play.mysite.com
-尽管我想您打算将SSL卸载到Nginx上。 wss调用必须通过nginx才能成功进行SSL握手。
您正在将所有呼叫传递给localhost:4000
。 相反,我建议您有两个位置块location / { ... }
和location /websocket { ... }
。 这样,在第二个websocket位置块中,您可以将调用代理传递给localhost:8443
。 这将要求客户端连接到wss://play.mysite.com/websocket
。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.