Develop Reference

I can't open a WebSocket connection in HTTPS

I have a problem involving WebSockets, I recently added HTTPS to my website, and it seems that I am not able to establish a connection with WebSockets due to HTTPS, because with HTTP I was able to. Well, I already tried to make the server listen to port 8080 (but says it is already in use), I also tried port 8443 and 3000 (when trying with these two, I get an opening handshake timed out error), so I really don't I know what to do, I believe my wss url is right, I don't really understand ports and which port I should use together with HTTPS to start a connection with the WebSocket
Note: The server starts normally when using port 8443 or 3000, I am using the PHP Ratchet library, however, in the browser it does not start and reports an error
Error: failed: WebSocket opening handshake timed out (chrome console)
JavaScript: var conn = new WebSocket ("wss://example.net:8443/
chat.php");

How can i fix Mixed Content issue in mqtt?

I need to connect to broker over websocket.
<script src="https://cdnjs.cloudflare.com/ajax/libs/paho-mqtt/1.0.1/mqttws31.min.js" type="text/javascript"></script>
<script>
// Create a client instance
client = new Paho.MQTT.Client("broker.hivemq.com", 8000, "" , "gokden");
// connect the client
client.connect({onSuccess:onConnect});
function onConnect(){
console.log("Connected!");
}
</script>
This is my connection code but i get this error:
mqttws31.min.js:36 Mixed Content: The page at 'karantinagunlugum.com' was loaded over HTTPS, but attempted to connect to the insecure WebSocket endpoint 'ws://broker.hivemq.com:8000/'. This request has been blocked; this endpoint must be available over WSS.

You have 2 related but separate problems here.
broker.hivemq.com doesn't support Secure MQTT over Websockets (wss://) which is why the connection is being closed after 30 seconds when you try to connect
You are trying to connect from a page that was loaded over HTTPS. Pages loaded securely can not connect to insecure resources due to the secure origin policy in the browser, this is what the second error is telling you.
You have 2 choices
Turn off HTTPS for your site. This is not a good idea.
Setup your own broker that supports Secure MQTT over Websockets.
You shouldn't really be using broker.hivemq.com for anything other than basic testing and playing, if you want to do anything serious you should be either paying for a properly hosted broker or running your own.

Connecting to WS:// websocket (unsecure) in https site

I am trying to connect to a unsecure websocket from https site.
I got an error:
VM40:164 Mixed Content: The page at
'https://username.github.io/reponame/' was loaded over HTTPS, but
attempted to connect to the insecure WebSocket endpoint
'ws://192.168.2.152:9001/mqtt'. This request has been blocked; this
endpoint must be available over WSS.
Is there any way I can connect to unsecured WebSocket from https site?
If not, I want to test my website.
I can open http://localhost:port on PC, but I need to test from android browser too. But, I cannot access it from my android device in the same network using the http://IP:port.
Any suggestions will be appreciated.

Chrome: Mixed content issue for local IP address 192.168

I have a website which is all secure content on https and am using javascript sdk for local network printer which starts with 192.168.x.x
My printer is listening on that IP address with port 8008 (http)
When my application starts printing, the printer is initialized as soemthing like this
http://192.168.199.69:8008/socket.io/1/?t=1512574905603
Chrome is blocking this request and I am not able to print. Error msg as below.
How can I tell chrome that its a local URL and make it allow to request that URL?
epos-2.6.0.js:6 Mixed Content: The page at 'https://mywebsite/order-list.html' was loaded over HTTPS, but requested an insecure XMLHttpRequest endpoint 'http://192.168.199.69:8008/socket.io/1/?t=1512574905603'. This request has been blocked; the content must be served over HTTPS.

Get a self signed certificate, upload to your service/server and there you go.
However the basic question of getting around http in a mixed content mode still remains or it won't be allowed..
Firefox adds an exception but chrome , im not sure

Self signed certificates are no longer accepted...
I really don't understant why mixed content blocks ip addresses of the local network, only localhost is allowed.
That means it is not possible to create a web app (a PWA for example) and communicate with small IOT devices (there are offline and just waiting commands through HTTP).

Error when using ssl with websocket

I am using ssl communication with websocket.
so I added the secure communication in my javascript code like this "wss://myip"
when lunch a websocket communication from my page with https://myip
i get the following error.
failed: Error in connection establishment: net::ERR_SSL_PROTOCOL_ERROR
I am using lighttpd server and chrome navigator on a linux machine.
could any one help me?thanks in advance

At present, this does not appear to be supported by lighttpd. The following link suggests using HAProxy as frontend to proxy the traffic to the websockets application:
Redirecting websocket traffic on port 80 with lighttpd
(actually without lighttpd)