html5 websocke c,html - HTML5 / PHP WebSocket connection to failed: Error during WebSocket handshake...

I Think some people Just like to do press "This question does not show any research effort; it is unclear or not useful" Button. I really don't know what are they trying to prove?

If you think or believe this question does not make any sense, please do comment first before reach a calculation

I am trying to connect to my PHP socket server from the browser. This the error I am getting.

I did check all different post from stackoverflow, but nothing helped.

When I am using WS. it is working fine. When I am using WSS it is not working.

"WebSocket connection to failed: Error during WebSocket handshake: Unexpected response code: 200"

This is my apache Configuration

ServerName 192.168.56.106

ProxyRequests off

ProxyPass "/ws/" "ws://localhost:9090/ws"

ProxyPass "/wss/" "wss://localhost:9090/wss"

JS

function socketClient(vSocketIdentifications) {

console.log("I AM IN");

var $cHost = "192.168.56.106";

var $cPort = 9090;

// this.wsUri = "wss://" + $cHost +":" + $cPort;

/*

* ENABLE THIS WHEN IN PRODUCTIONS

*

*/

if (window.location.hostname == $cHost){

this.wsUri = "ws://" + $cHost + ":" + $cPort;

} else {

this.wsUri = ((window.location.protocol === "https:") ? "wss://" :

"ws://") + window.location.hostname + ":" + $cPort;

}

this.socket = "";

//create a new WebSocket object.

this.socket = new WebSocket(this.wsUri);

/*Let socket know who you are?*/

var msg = {

msgFrom: vSocketIdentifications,

msg: "Hi",

msgClient: "js"

};

this.socket.onopen = () => this.socket.send(JSON.stringify(msg));

// Send text to all users through the server

function sendInitMsgToServer() {

// Construct a msg object containing the data the server needs to

process the message from the chat client.

var msg = {

msgFrom: vSocketIdentifications,

msg: "Hi"

};

// Send the msg object as a JSON-formatted string.

this.socket.send(JSON.stringify(msg));

}

//#### Message received from server?

this.socket.onmessage = function(ev) {

var msg = JSON.parse(ev.data); //PHP sends Json data

console.log(msg);

var type = msg.type; //message type

var umsg = msg.message; //message text

var uname = msg.name; //user name

var ucolor = msg.color; //color

if(type == 'usermsg')

{

//$('#message_box').append("

"+uname+" : "+umsg+"

");

if(umsg!=""){

document.getElementById("information").innerHTML=umsg+"
";

}else{

document.getElementById("progress").style.display="none";

document.getElementById("information").innerHTML="I am done . What Next ? "+"
";

}

}

};

this.closeSocket = function() {

this.socket.close();

};

};