Webserver hinzugefügt, Javascript angepasst abruf der IP Dynamisch
This commit is contained in:
parent
5f6915bd89
commit
9cbce7415d
2 changed files with 31 additions and 16 deletions
45
client.js
45
client.js
|
|
@ -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);
|
||||
});
|
||||
|
|
|
|||
|
|
@ -5,6 +5,6 @@
|
|||
<title>Websocket Client</title>
|
||||
</head>
|
||||
<body>
|
||||
<script src="client.js"></script>
|
||||
<script src="/client/client.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
Loading…
Reference in a new issue