I have the following code for connection to my websocket, but the problem is when the domain has an SSL certificate as it is my case, when I make the connection with ws everything works perfectly, but when I put the wss I get this error
Error in connection establishment: net::ERR_SSL_PROTOCOL_ERROR
index.js
<script type="text/javascript">
$(document).ready(function(){
//create a new WebSocket object.
var wsUri = "wss://dominio.com:9001/socket.php";
websocket = new WebSocket(wsUri);
websocket.onopen = function(ev) { // connection is open
var preg = {
id: 303,
historial: {
titulo: 'Conexion al sistema',
url: window.location.href
}
};
//convert and send data to server
websocket.send(JSON.stringify(preg));
}
//#### Message received from server?
websocket.onmessage = function(ev) {
var msg = JSON.parse(ev.data); //PHP sends Json data
//alert(msg.user);
console.log(JSON.stringify(msg));
if(msg.conexion){
var preg = {
id: 303,
estado: 1
};
//convert and send data to server
websocket.send(JSON.stringify(preg));
}else{
//$("#res").load("cargar.php",{bloque:'session',array:msg});
}
/* if(msg.user == 'system'){
//console.log(umsg);
//preg=JSON.parse(umsg);
var preg = {
id: <?=$_GET['u']?>,
recurso: msg.recurso,
estado: msg.estado,
historial: {
titulo: 'Conexion al sistema',
url: window.location.href
}
};
//convert and send data to server
websocket.send(JSON.stringify(preg));
//$('#message_box').append("<div class=\"system_msg\">"+umsg+"</div>");
}*/
};
websocket.onerror = function(ev){};
websocket.onclose = function(ev){};
});
</script>
and this is my php socket.php
<?php
$host = '0.0.0.0'; //host
$port = '9001'; //port
$null = NULL; //null var
$json_general=array();
//Create TCP/IP sream socket
$socket = socket_create(AF_INET, SOCK_STREAM, SOL_TCP);
//reuseable port
socket_set_option($socket, SOL_SOCKET, SO_REUSEADDR, 1);
//bind socket to specified host
socket_bind($socket, 0, $port);
//$socket = stream_socket_client("ssl://localhost:9001", $errno, $errstr);
//listen to port
socket_listen($socket);
//create & add listning socket to the list
$clients = array($socket);
//start endless loop, so that our script doesn't stop
while (true) {
//manage multipal connections
$changed = $clients;
//returns the socket resources in $changed array
socket_select($changed, $null, $null, 0, 10);
//check for new socket
if (in_array($socket, $changed)) {
$socket_new = socket_accept($socket); //accpet new socket
$clients[] = $socket_new; //add socket to client array
$header = socket_read($socket_new, 1024); //read data sent by the socket
perform_handshaking($header, $socket_new, $host, $port); //perform websocket handshake
socket_getpeername($socket_new, $ip); //get ip address of connected socket
//$response = mask(json_encode(array('user'=>'system','tipo'=>'0', 'destino'=>'0', 'categoria'=>'0', 'descripcion'=>'', 'estado'=>'Conectado','datos'=>array('ip'=>$ip, 'recurso'=>''.$socket_new))));
$response = mask(json_encode(array('user'=>'system', 'estado'=>1,'ip'=>$ip, 'recurso'=>''.str_replace("Resource id #","",$socket_new))));
//$response = mask(json_encode(array('type'=>'system', 'message'=>$ip.' conectado'.$socket_new))); //prepare json data
send_message($response); //notify all users about new connection
//make room for new socket
$found_socket = array_search($socket, $changed);
unset($changed[$found_socket]);
}
//loop through all connected sockets
foreach ($changed as $changed_socket) {
//check for any incoming data
while(socket_recv($changed_socket, $buf, 1024, 0) >= 1)
{
$received_text = unmask($buf); //unmask data
$tst_msg = json_decode($received_text, true); //json decode
/*if(isset($tst_msg['conexion'])){
$pre=array();
foreach($json_general as $id => $dat){
$pre[$id]=array();
$pre[$id]['estado']=0;
$pre[$id]['historial']=$dat['historial'];
}
$json_general=$pre;
$response_text = mask(json_encode($tst_msg));
send_message($response_text);
}*/
if(isset($tst_msg['id'])){
if(isset($json_general[$tst_msg['id']])){
//$json_general[$tst_msg['id']]=array();
if(isset($tst_msg['historial'])){
if(isset($json_general[$tst_msg['id']]['historial'])){
$q=count($json_general[$tst_msg['id']]['historial']);
}else{
$json_general[$tst_msg['id']]['historial']=array();
$q=0;
}
$json_general[$tst_msg['id']]['historial'][$q]=array();
$json_general[$tst_msg['id']]['historial'][$q]=$tst_msg['historial'];
$json_general[$tst_msg['id']]['historial'][$q]['fecha']=date("Y-m-d H:i:s");
}
if($json_general[$tst_msg['id']]['estado']){
$json_general[$tst_msg['id']]['estado']=$tst_msg['estado'];
}
}else{
$json_general[$tst_msg['id']]=array();
$json_general[$tst_msg['id']]['historial'][0]=$tst_msg['historial'];
$json_general[$tst_msg['id']]['historial'][0]['fecha']=date("Y-m-d H:i:s");
}
if(isset($socket_new)){
$json_general[$tst_msg['id']]['recurso']=str_replace("Resource id #","",$socket_new);
$json_general[$tst_msg['id']]['estado']=1;
}
}
//prepare data to be sent to client
$response_text = mask(json_encode($json_general));
//$response_text = mask(json_encode(array('type'=>'usermsg', 'typem'=>$user_type, 'name'=>$user_name, 'message'=>$user_message, 'color'=>$user_color, 'tipo'=>$tipo, 'entrada'=>$entrada)));
send_message($response_text); //send data
break 2; //exist this loop
}
$buf = @socket_read($changed_socket, 1024, PHP_NORMAL_READ);
if ($buf === false) { // check disconnected client
// remove client for $clients array
$found_socket = array_search($changed_socket, $clients);
socket_getpeername($changed_socket, $ip);
unset($clients[$found_socket]);
//notify all users about disconnected connection
//$response = mask(json_encode(array('user'=>'system','tipo'=>'0', 'destino'=>'0', 'categoria'=>'0', 'descripcion'=>'', 'estado'=>'Desconectado','datos'=>array('ip'=>$ip, 'recurso'=>''.$socket_new))));
$response = mask(json_encode(array('user'=>'system', 'estado'=>0,'ip'=>$ip, 'recurso'=>''.str_replace("Resource id #","",$socket_new))));
foreach($json_general as $key => $dato){
if($dato['recurso']==str_replace("Resource id #","",$socket_new)){
//$json_general[$key]['estado']=0;
}
}
//$response = mask(json_encode(array('type'=>'system', 'message'=>$ip.' desconectado')));
send_message($response);
//envio de datos generales
//$response_text = mask(json_encode($json_general));
$pre=array();
foreach($json_general as $id => $dat){
$pre[$id]=array();
$pre[$id]['estado']=0;
$pre[$id]['historial']=$dat['historial'];
}
$json_general=$pre;
$response_text = mask('{"conexion":1}');
send_message($response_text);
}
}
}
// close the listening socket
socket_close($socket);
function send_message($msg){
global $clients;
foreach($clients as $changed_socket){
@socket_write($changed_socket,$msg,strlen($msg));
}
return true;
}
//Unmask incoming framed message
function unmask($text) {
$length = ord($text[1]) & 127;
if($length == 126) {
$masks = substr($text, 4, 4);
$data = substr($text, 8);
}
elseif($length == 127) {
$masks = substr($text, 10, 4);
$data = substr($text, 14);
}
else {
$masks = substr($text, 2, 4);
$data = substr($text, 6);
}
$text = "";
for ($i = 0; $i < strlen($data); ++$i) {
$text .= $data[$i] ^ $masks[$i%4];
}
return $text;
}
//Encode message for transfer to client.
function mask($text)
{
$b1 = 0x80 | (0x1 & 0x0f);
$length = strlen($text);
if($length <= 125)
$header = pack('CC', $b1, $length);
elseif($length > 125 && $length < 65536)
$header = pack('CCn', $b1, 126, $length);
elseif($length >= 65536)
$header = pack('CCNN', $b1, 127, $length);
return $header.$text;
}
//handshake new client.
function perform_handshaking($receved_header,$client_conn, $host, $port)
{
$headers = array();
$lines = preg_split("/
/", $receved_header);
foreach($lines as $line)
{
$line = chop($line);
if(preg_match('/\A(\S+): (.*)\z/', $line, $matches))
{
$headers[$matches[1]] = $matches[2];
}
}
$secKey = $headers['Sec-WebSocket-Key'];
$secAccept = base64_encode(pack('H*', sha1($secKey . '258EAFA5-E914-47DA-95CA-C5AB0DC85B11')));
//hand shaking header
$upgrade = "HTTP/1.1 101 Web Socket Protocol Handshake
" .
"Upgrade: websocket
" .
"Connection: Upgrade
" .
"WebSocket-Origin: $host
" .
"WebSocket-Location: wss://$host:$port/demo/shout.php
".
"Sec-WebSocket-Accept:$secAccept
";
socket_write($client_conn,$upgrade,strlen($upgrade));
}