sslechoclient.html Example File | Qt WebSockets 5.6

Qt 5.6 | Qt WebSockets | SSL Echo Server Example | sslechoclient.html Example File

Qt 5.6.2 Reference Documentation

# sslechoclient.html Example File

sslechoserver/sslechoclient.html

      <!DOCTYPE html>
      <html>
          <head>
              <title>WebSocket Echo Client</title>
              <meta charset="utf-8">
          </head>
          <body>
              <h1>WebSocket Echo Client</h1>
              <p>
                  <button onClick="initWebSocket();">Connect</button>
                  <button onClick="stopWebSocket();">Disconnect</button>
                  <button onClick="checkSocket();">State</button>
              </p>
              <p>
                  <textarea id="debugTextArea" style="width:400px;height:200px;"></textarea>
              </p>
              <p>
                  <input type="text" id="inputText" onkeydown="if(event.keyCode==13)sendMessage();"/>
                  <button onClick="sendMessage();">Send</button>
              </p>

              <script type="text/javascript">
                  var debugTextArea = document.getElementById("debugTextArea");
                  var wsUri = "wss://localhost:1234";
                  var websocket = null;

                  function debug(message) {
                      debugTextArea.value += message + "\n";
                      debugTextArea.scrollTop = debugTextArea.scrollHeight;
                  }

                  function sendMessage() {
                      var msg = document.getElementById("inputText").value;
                      if ( websocket != null )
                      {
                          document.getElementById("inputText").value = "";
                          websocket.send( msg );
                          console.log( "string sent :", '"'+msg+'"' );
                      }
                  }

                  function initWebSocket() {
                      try {
                          if (typeof MozWebSocket == 'function')
                              WebSocket = MozWebSocket;
                          if ( websocket && websocket.readyState == 1 )
                              websocket.close();
                          websocket = new WebSocket( wsUri );
                          websocket.onopen = function (evt) {
                              debug("CONNECTED");
                          };
                          websocket.onclose = function (evt) {
                              debug("DISCONNECTED");
                          };
                          websocket.onmessage = function (evt) {
                              console.log( "Message received :", evt.data );
                              debug( evt.data );
                          };
                          websocket.onerror = function (evt) {
                              debug('ERROR: ' + evt.data);
                          };
                      } catch (exception) {
                          debug('ERROR: ' + exception);
                      }
                  }

                  function stopWebSocket() {
                      if (websocket)
                          websocket.close();
                  }

                  function checkSocket() {
                      if (websocket != null) {
                          var stateStr;
                          switch (websocket.readyState) {
                              case 0: {
                                  stateStr = "CONNECTING";
                                  break;
                              }
                              case 1: {
                                  stateStr = "OPEN";
                                  break;
                              }
                              case 2: {
                                  stateStr = "CLOSING";
                                  break;
                              }
                              case 3: {
                                  stateStr = "CLOSED";
                                  break;
                              }
                              default: {
                                  stateStr = "UNKNOW";
                                  break;
                              }
                          }
                          debug("WebSocket state = " + websocket.readyState + " ( " + stateStr + " )");
                      } else {
                          debug("WebSocket is null");
                      }
                  }
              </script>
          </body>
      </html>