69 lines
1.9 KiB
HTML
69 lines
1.9 KiB
HTML
<html>
|
|
|
|
<head>
|
|
<title>Websock Simple Client</title>
|
|
<script src="include/util.js"></script>
|
|
<script src="include/base64.js"></script>
|
|
<script src="include/websock.js"></script>
|
|
</head>
|
|
|
|
<body>
|
|
WebSocket/websockify URI: <input id='target'>
|
|
<input id='connectButton' type='button' value='Connect'
|
|
onclick="connect();">
|
|
<br> <br>
|
|
<input id='sendText'>
|
|
<input id='sendButton' type='button' value='Send' disabled
|
|
onclick="send();">
|
|
<br> <br>
|
|
Log:<br><textarea id="messages" cols=80 rows=25></textarea>
|
|
</body>
|
|
|
|
|
|
<script>
|
|
var $D = function(id) { return document.getElementById(id); },
|
|
ws = null, msgs = $D('messages');
|
|
|
|
function msg(str) {
|
|
msgs.innerHTML += str + "\n";
|
|
msgs.scrollTop = msgs.scrollHeight;
|
|
}
|
|
|
|
function connect() {
|
|
var uri = $D('target').value;
|
|
ws = new Websock()
|
|
msg("connecting to: " + uri);
|
|
ws.open(uri);
|
|
ws.on('open', function () {
|
|
msg("Connected");
|
|
});
|
|
ws.on('message', function () {
|
|
msg("Received: " + ws.rQshiftStr());
|
|
});
|
|
ws.on('close', function () {
|
|
disconnect();
|
|
msg("Disconnected");
|
|
});
|
|
|
|
$D('connectButton').value = "Disconnect";
|
|
$D('connectButton').onclick = disconnect;
|
|
$D('sendButton').disabled = false;
|
|
}
|
|
|
|
function disconnect() {
|
|
if (ws) { ws.close(); }
|
|
ws = null;
|
|
|
|
$D('connectButton').value = "Connect";
|
|
$D('connectButton').onclick = connect;
|
|
$D('sendButton').disabled = true;
|
|
}
|
|
|
|
function send() {
|
|
msg("Sending: " + $D('sendText').value);
|
|
ws.send_string($D('sendText').value);
|
|
};
|
|
</script>
|
|
|
|
</html>
|