Added Working Prototype for Websocket Communication

2025-12-30 16:19:43 +01:00
parent 2070001f4c
commit 6edf7e6e5f
6 changed files with 536 additions and 0 deletions
@@ -0,0 +1,42 @@
+package frontendhandler
+
+import (
+	"embed"
+	"io/fs"
+	"log"
+	"net/http"
+)
+
+//go:embed templates
+var templatesFs embed.FS
+
+//go:embed templates/static
+var staticFiles embed.FS
+
+func StartStaticFileServer() {
+	staticFS, err := fs.Sub(staticFiles, "templates/static")
+	if err != nil {
+		log.Fatal(err)
+	}
+
+	http.HandleFunc("/", IndexHandler)
+	http.Handle("/static/", http.StripPrefix("/static/", http.FileServer(http.FS(staticFS))))
+
+	err = http.ListenAndServe(":8000", nil)
+	if err != nil {
+		panic(err)
+	}
+}
+
+func IndexHandler(w http.ResponseWriter, r *http.Request) {
+	fileContent, err := templatesFs.ReadFile("templates/index.html")
+	if err != nil {
+		log.Printf("Error Reading index.html %v", err)
+		http.Error(w, "Could not read index.html", 500)
+	}
+	_, err = w.Write(fileContent)
+	if err != nil {
+		log.Printf("Could not Write to ReponseWrite %v", err)
+		http.Error(w, "Could not write data", 500)
+	}
+}
@@ -0,0 +1,79 @@
+<!DOCTYPE html>
+<html>
+
+<head>
+	<title>Alox PowerPods Debug/Test Tool</title>
+	<script defer src="/static/alpinejs.cdn.min.js"></script>
+</head>
+
+<body>
+	<h1>Alox PowerPods Debug/Test Tool</h1>
+
+	<div x-data="websocketApp()">
+
+		<div style="margin-bottom: 1rem;">
+			Status: <span x-text="status" :style="{ color: isConnected ? 'green' : 'red' }"></span>
+		</div>
+
+		<input type="text" x-model="inputMessage" placeholder="Message" @keyup.enter="sendMessage()" />
+		<button @click="sendMessage()" :disabled="!isConnected">Send</button>
+
+		<hr>
+
+		<div id="messages">
+			<template x-for="(msg, index) in messages" :key="index">
+				<p x-text="msg"></p>
+			</template>
+		</div>
+
+	</div>
+
+	<script>
+		function websocketApp() {
+			return {
+				socket: null,
+				inputMessage: '',
+				messages: [],
+				status: 'Disconnected',
+				isConnected: false,
+
+				init() {
+					this.connect();
+				},
+
+				connect() {
+					this.socket = new WebSocket("ws://localhost:8080/cmd");
+
+					this.socket.onopen = () => {
+						this.status = 'Connected';
+						this.isConnected = true;
+						this.addLog('Connected to Server');
+					};
+
+					this.socket.onmessage = (event) => {
+						this.addLog(event.data);
+					};
+
+					this.socket.onclose = () => {
+						this.status = 'Disconnected';
+						this.isConnected = false;
+						this.addLog('Disconnected from Server');
+					};
+				},
+
+				sendMessage() {
+					if (this.inputMessage && this.isConnected) {
+						this.socket.send(this.inputMessage);
+						this.inputMessage = ''; // Input leeren nach Senden
+					}
+				},
+
+				addLog(text) {
+					this.messages.push(text);
+				}
+			}
+		}
+	</script>
+</body>
+
+</html>
@@ -0,0 +1,46 @@
+package frontendhandler
+
+import (
+	"flag"
+	"log"
+	"net/http"
+
+	"github.com/gorilla/websocket"
+)
+
+type WebHandler struct {
+	MessageC chan string
+	ErrorC   chan string
+}
+
+var addr = flag.String("addr", "localhost:8080", "http service address")
+var upgrader = websocket.Upgrader{
+	CheckOrigin: func(r *http.Request) bool { return true },
+}
+
+func cmdHandler(w http.ResponseWriter, r *http.Request) {
+	c, err := upgrader.Upgrade(w, r, nil)
+	if err != nil {
+		log.Print("upgrade:", err)
+		return
+	}
+	defer c.Close()
+	for {
+		mt, message, err := c.ReadMessage()
+		if err != nil {
+			log.Println("read:", err)
+			break
+		}
+		log.Printf("recv: %s", message)
+		err = c.WriteMessage(mt, message)
+		if err != nil {
+			log.Println("write:", err)
+			break
+		}
+	}
+}
+
+func StartServer() {
+	http.HandleFunc("/cmd", cmdHandler)
+	log.Fatal(http.ListenAndServe(*addr, nil))
+}