Webserver hinzugefügt, Javascript angepasst abruf der IP Dynamisch

This commit is contained in:
Eduard Wisch 2025-04-08 20:46:13 +02:00
parent 5f6915bd89
commit 9cbce7415d
2 changed files with 31 additions and 16 deletions

View file

@ -1,19 +1,34 @@
console.log('Script Loaded')
const ws = new WebSocket("ws://localhost:8000");
ws.onopen = function (openEvent) {
console.log("WebSocket ist mit dem " + ws.protocol + "Protokoll geöffnet");
ws.send("Hallo Server");
/**
* @returns {Promise<{server_ip: string, server_port: number}>}
*/
async function getServerConfig() {
const response = await fetch('/api/ip');
return await response.json();
}
ws.onmessage = function (messageEvent) {
console.log(messageEvent.data);
}
getServerConfig()
.then(data => {
const websocketIp = data.server_ip;
const websocketPort = data.server_port;
const ws = new WebSocket(`ws://${websocketIp}:${websocketPort}`);
ws.onclose = function (closeEvent) {
console.log("Websocket wurde geschlossen")
}
ws.onopen = function() {
console.log("WebSocket ist geöffnet");
ws.send(JSON.stringify({"data_message": "Server Adresse: " + websocketIp + ":" + websocketPort}));
};
ws.onerror = function (errorEvent) {
console.error("Websocket-Fehler: " , errorEvent)
}
ws.onmessage = function(messageEvent) {
console.log(messageEvent.data);
};
ws.onclose = function() {
console.log("WebSocket wurde geschlossen");
};
ws.onerror = function(errorEvent) {
console.error("WebSocket-Fehler: ", errorEvent);
};
})
.catch(error => {
console.error('Error fetching settings:', error);
});

View file

@ -5,6 +5,6 @@
<title>Websocket Client</title>
</head>
<body>
<script src="client.js"></script>
<script src="/client/client.js"></script>
</body>
</html>