major cleanup. Sir, yes, sir!

This commit is contained in:
2023-01-31 20:03:26 +01:00
parent efc8f565bf
commit 6ebf34c4a9
12 changed files with 448 additions and 340 deletions

View File

@ -1,56 +0,0 @@
<html>
<body>
<div id="data"></div>
<script src="https://code.jquery.com/jquery-3.6.3.min.js"></script>
<script>
let socket = new WebSocket("ws://localhost:5000");
let projectID = "einTollesProjekt"; // hier project ID eintragen
function setVariable(name, value) {
console.log(`Setting variable: ${name} = ${value}`);
socket.send(JSON.stringify({
method: "set",
project_id: projectID,
name,
value
}));
};
socket.onopen = function(e) {
console.log("connection established");
socket.send(JSON.stringify({
method: "handshake",
project_id: projectID,
user: "testClient"+Math.random()
}));
setInterval(function() { setVariable('test','einTollerText'+Math.random()) }, 5000);
};
socket.onmessage = function(event) {
console.log(event.data);
for (const message of event.data.split("\n")) {
console.log(`${message}`);
const obj = JSON.parse(message);
if (obj.method === "set") {
// variable name in obj.name, Wert der Variablen steht in obj.value
$('#data').html(`<b/>${obj.name}:</b> <pre>${obj.value}</pre>`);
}
}
};
socket.onclose = function(event) {
if (event.wasClean) {
console.log(`connection closed cleanly, code=${event.code} reason=${event.reason}`);
} else {
console.log('connection died');
}
};
socket.onerror = function(error) {
console.log(`[error] ${error.data}`);
};
</script>
</body>
</html>

396
docs/cloud.html Normal file

File diff suppressed because one or more lines are too long

View File

@ -1,35 +0,0 @@
<html>
<body>
<div id="data"></div>
<script src="https://code.jquery.com/jquery-3.6.3.min.js"></script>
<script>
let socket = new WebSocket("ws://localhost:5000/");
socket.onopen = function(e) {
console.log("connection established");
socket.send("Hello World");
setInterval(function () {socket.send("hello " + Math.random())}, 1000);
};
socket.onmessage = function(event) {
for (const message of event.data.split("\n")) {
console.log(`${message}`);
// variable name in obj.name, Wert der Variablen steht in obj.value
$('#data').html(`<b/>${message}</b>`);
}
};
socket.onclose = function(event) {
if (event.wasClean) {
console.log(`connection closed cleanly, code=${event.code} reason=${event.reason}`);
} else {
console.log('connection died');
}
};
socket.onerror = function(error) {
console.log(`[error] ${error.data}`);
};
</script>
</body>
</html>

View File

@ -1,56 +0,0 @@
<html>
<body>
<div id="data"></div>
<script src="https://code.jquery.com/jquery-3.6.3.min.js"></script>
<script>
let socket = new WebSocket("ws://localhost:5000");
let projectID = "5678"; // hier project ID eintragen
function setVariable(name, value) {
console.log(`Setting variable: ${name} = ${value}`);
socket.send(JSON.stringify({
method: "set",
project_id: projectID,
name,
value
}));
};
socket.onopen = function(e) {
console.log("connection established");
socket.send(JSON.stringify({
method: "handshake",
project_id: projectID,
user: "testClient"+Math.random()
}));
setInterval(function() { setVariable('test',666) }, 100);
};
socket.onmessage = function(event) {
console.log(event.data);
for (const message of event.data.split("\n")) {
console.log(`${message}`);
const obj = JSON.parse(message);
if (obj.method === "set") {
// variable name in obj.name, Wert der Variablen steht in obj.value
$('#data').html(`<b/>${obj.name}:</b> <pre>${obj.value}</pre>`);
}
}
};
socket.onclose = function(event) {
if (event.wasClean) {
console.log(`connection closed cleanly, code=${event.code} reason=${event.reason}`);
} else {
console.log('connection died');
}
};
socket.onerror = function(error) {
console.log(`[error] ${error.data}`);
};
</script>
</body>
</html>

View File

@ -1,43 +0,0 @@
<html>
<body>
<div id="data"></div>
<script src="https://code.jquery.com/jquery-3.6.3.min.js"></script>
<script>
let socket = new WebSocket("ws://localhost:5000");
let projectID = "einTollesProjekt"; // hier project ID eintragen
socket.onopen = function(e) {
console.log("connection established");
socket.send(JSON.stringify({
method: "handshake",
project_id: projectID,
user: "testClient"+Math.random()
}));
};
socket.onmessage = function(event) {
console.log(event.data);
for (const message of event.data.split("\n")) {
console.log(`${message}`);
const obj = JSON.parse(message);
if (obj.method === "set") {
// variable name in obj.name, Wert der Variablen steht in obj.value
$('#data').html(`<b/>${obj.name}:</b> <pre>${obj.value}</pre>`);
}
}
};
socket.onclose = function(event) {
if (event.wasClean) {
console.log(`connection closed cleanly, code=${event.code} reason=${event.reason}`);
} else {
console.log('connection died');
}
};
socket.onerror = function(error) {
console.log(`[error] ${error.data}`);
};
</script>
</body>
</html>