initial commit

2023-01-28 15:55:33 +01:00
parent dcbf34269d
commit a1e482f23a
11 changed files with 286 additions and 0 deletions
--- a/docs/client.html
+++ b/docs/client.html
@ -0,0 +1,52 @@
+<html>
+<body>
+<div id="data"></div>
+<script src="https://code.jquery.com/jquery-3.6.3.min.js"></script>
+<script>
+    let socket = new WebSocket("wss://cloudvars.br0tkasten.de");
+    var projectID = "1234"; // hier project ID eintragen
+
+    function setVariable(name, value) {
+        console.log(`Setting variable: ${name} = ${value}`);
+        socket.send(JSON.stringify({
+            method: "set",
+            name,
+            value
+        }));
+    };
+
+
+    socket.onopen = function(e) {
+      console.log("connection established");
+      socket.send(JSON.stringify({
+        method: "handshake",
+        project_id: projectID,
+        user: "testClientHtml"
+      }));
+    };
+
+    socket.onmessage = function(event) {
+        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>