WebSocket error: net::ERR_SSL_PROTOCOL_ERROR

Question

我刚刚在本地服务器上创建了一个 PHP 网络服务器，（Xampp 环境，Windows）使用 Let's Encrypt SSL 证书（非自签名）所以我的网站https://example.it 看起来像每个浏览器的有效证书。我可以使用带有标准端口的 http:// 和 https:// 导航到它。

现在我正在实施 php 用于创建网络聊天的套接字，但是如果我通过 HTTP 使用不安全的网络套接字协议：

ws://example.it:8090/chat/php-socket.php

有效。

如果我使用基于 HTTPS 的安全 Web 套接字协议：

wss://example.it:8090/chat/php-socket.php

我在建立连接时收到错误消息net::ERR_SSL_PROTOCOL_ERROR

如果有人需要，这是我的代码：

$(document).ready(function(){
        var websocket = new WebSocket("wss://example.it:8090/chat/php-socket.php");
        websocket.onopen = function(event) {
            showMessage("<div class='chat-connection-ack'>Connssione stabilita.</div>");
        }
        websocket.onmessage = function(event) {
            var Data = JSON.parse(event.data);
            console.log(Data);
            showMessage("<div class='"+Data.message_type+"'>"+Data.message+"</div>");
            $('#chat-message').val('');
        };
});

Answer 1

您正在尝试对 ws:// 和 wss:// 使用相同的端口 (8090) - 这很可能不起作用。虽然您没有显示任何服务器端配置，但我怀疑端口 8090 上的 websocket 服务器只能执行普通的 WebSocket（即 ws:// 而不是 wss://）并且您希望来自 HTTP 服务器的 TLS（端口 443) 也神奇地应用于端口 8090 上的 wss://。不是这种情况。通过尝试使用端口 8090 wss://，您是在尝试与不使用 TLS 的服务器进行 TLS 握手，然后导致 net::ERR_SSL_PROTOCOL_ERROR.

常见的设置是使用像 nginx 或 Apache 这样的网络服务器作为 websocket 服务器的反向代理，并在网络服务器上终止 TLS。这样 ws:// 和 wss:// 都可以从外部在标准端口（即 80 和 443）上工作，并且端口 8090 上的互联网普通 websocket 服务器将无法从外部访问。例如，请参阅 NGINX to reverse proxy websockets AND enable SSL (wss://)? or 以了解如何设置类似内容。

WebSocket error: net::ERR_SSL_PROTOCOL_ERROR

WebSocket error: net::ERR_SSL_PROTOCOL_ERROR

php

xampp

ssl

https

websocket