sslechoclient.html Example File | Qt WebSockets 5.4

- Qt 5.4
- Qt WebSockets
- SSL Echo Server Example
- sslechoclient.html Example File
- Qt 5.4.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>