built in websockets for auto-reload

2020-04-19 17:14:25 +02:00
parent 38102ce778
commit 72e968274b
5 changed files with 73 additions and 9 deletions
--- a/templates/shared/_layout.html
+++ b/templates/shared/_layout.html
@@ -21,6 +21,34 @@
    <script src="//oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
    <script src="//oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>
    <![endif]-->
+    <script>
+        let socket = new WebSocket("wss://cowiz.struppi.name/ws");
+
+        socket.onopen = function(e) {
+            //alert("[open] Connection established");
+            //alert("Sending to server");
+            //socket.send("My name is John");
+        };
+
+        socket.onmessage = function(event) {
+            //alert(`[message] Data received from server: ${event.data}`);
+            location.reload(true)
+        };
+
+        socket.onclose = function(event) {
+            if (event.wasClean) {
+                //alert(`[close] 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
+                //alert('[close] Connection died');
+            }
+        };
+
+        socket.onerror = function(error) {
+            alert(`[error] ${error.message}`);
+        };
+    </script>
 </head>

 <body>