Mixed Content: The page at ‘https://…’ was loaded over HTTPS, but attempted to connect to the insecure WebSocket ‘ws://…’

Mixed Content insecure WebSocket

Hibaüzenet

Mixed Content: The page at 'https://...' was loaded over HTTPS, but attempted to connect to the insecure WebSocket 'ws://...'

Hibás kód

const socket = new WebSocket('ws://example.com/socket');

Javított kód

const socket = new WebSocket('wss://example.com/socket');

Magyarázat

Mixed Content insecure WebSocket hiba akkor jelentkezik, amikor egy HTTPS oldalon nem biztonságos ws:// protokollt használsz WebSocket kapcsolat létrehozására. A browser biztonságos kapcsolatra (wss://) vált át, amely titkosított. A megoldás, hogy a ws:// helyett a wss:// URL-t használd, és a backend oldalán is SSL certifikátot konfigurálj a WebSocket szerverhez.

További információ: MDN – WebSocket