TC
/
arozos


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102
							<!DOCTYPE html>
<html>

<head>
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <meta name="viewport" content="user-scalable=no, width=device-width, initial-scale=1, maximum-scale=1" />
    <meta charset="UTF-8">
    <meta name="theme-color" content="#4b75ff">
    <link rel="stylesheet" href="../script/semantic/semantic.min.css">
    <script src="../script/jquery.min.js"></script>
    <script src="../script/ao_module.js"></script>
    <script src="../script/semantic/semantic.min.js"></script>
    <title>WebSocket Test</title>
</head>

<body>
    <br><br>
    <div class="ui container">
        <h3>WebSocket Testing Interface</h3>
        <div class="ui form">
            <div class="field">
                <label>Recv</label>
                <textarea id="incoming"></textarea>
            </div>
            <div class="field">
                <label>Send</label>
                <input type="text" id="sendMsg">
            </div>
            <div class="field">
                <button class="ui blue button" onclick="sendws();">Send</button>
            </div>
        </div>
        <br>
        <button class="ui button" onclick="openws();">Open Connection</button>
    </div>

    <script>
        var ws;
        var nolog = false;

        $(window).ready(function() {
            $("#incoming").val("");
        });

        //Send WebSocket
        function sendws() {
            var value = $("#sendMsg").val();
            ws.send(value);
            log("✉️ " + value)
            $("#sendMsg").val("");
        }

        //Open WebSocket connection to test script
        function openws() {
            log("⏱️ Opening...");
            let socket = new WebSocket(getWSEndpoint() + "/system/ajgi/interface?script=Speedtest/special/wspeedtest.js");
            ws = socket;

            socket.onopen = function(e) {
                log("✔️ Opened");
                socket.send("DWL");
            };

            socket.onmessage = function(event) {
                log(`✔️: ${event.data}`);
            };

            socket.onclose = function(event) {
                if (event.wasClean) {
                    log(`📪 Connection Closed Cleanly code=${event.code} reason=${event.reason}`);
                } else {
                    // e.g. server process killed or network down
                    // event.code is usually 1006 in this case
                    log(`❌ Connection Closed Unexpectedly`);
                }
            };

            socket.onerror = function(error) {
                log(`❌ ERROR! ${error.message}`);
            };
        }

        function log(content) {
            if (content.indexOf("DATA:") == -1) {
                $("#incoming").val($("#incoming").val() + content + "\n");
                $("#incoming").scrollTop($("#incoming")[0].scrollHeight);
            }
        }

        function getWSEndpoint() {
            //Open opeartion in websocket
            let protocol = "wss://";
            if (location.protocol !== 'https:') {
                protocol = "ws://";
            }
            wsControlEndpoint = (protocol + window.location.hostname + ":" + window.location.port);
            return wsControlEndpoint;
        }
    </script>
</body>

</html>