從 reactjs 客戶端連接到安全的 web socket python 服務器

Question

嘗試從 reactjs 客戶端連接 websocket python 服務器。

SecurityError：無法構建“WebSocket”：可能無法從通過 HTTPS 加載的頁面啟動不安全的 WebSocket 連接。

網絡套接字python服務器

ssl_context = ssl.SSLContext(ssl.PROTOCOL_TLS_SERVER)
localhost_pem = pathlib.Path(__file__).with_name("localhost.pem")
ssl_context.load_cert_chain(localhost_pem)

start_server = websockets.serve(
    asl_video, "0.0.0.0", 8766, ssl=ssl_context, ping_interval=30, ping_timeout=30, max_size=None
)

reactjs 應用程序中的代碼

var webSocket =  new W3CWebSocket('wss://10.12.5.112:8766');

Answer 1

我更新了文件 node_modules/react-dev-utils/webpackHotDevClient.js 中的以下行（第 62 行）

protocol: window.location.protocol === 'https:' ? 'wss' : 'ws', protocol: window.location.protocol === 'https:' ? 'wss' : 'ws',以前是protocol: 'ws',

它解決了錯誤 SecurityError：無法構造“WebSocket”：可能無法從通過 HTTPS 加載的頁面啟動不安全的 WebSocket 連接。

謝謝，