51 lines
1.3 KiB
JavaScript
51 lines
1.3 KiB
JavaScript
var gateway = `ws://${window.location.hostname}/ws`;
|
|
var websocket;
|
|
// Init web socket when the page loads
|
|
window.addEventListener("load", onload);
|
|
|
|
function onload(event) {
|
|
initWebSocket();
|
|
}
|
|
|
|
function getReadings() {
|
|
websocket.send("getReadings");
|
|
}
|
|
|
|
function initWebSocket() {
|
|
console.log("Trying to open a WebSocket connection...");
|
|
websocket = new WebSocket(gateway);
|
|
websocket.onopen = onOpen;
|
|
websocket.onclose = onClose;
|
|
websocket.onmessage = onMessage;
|
|
}
|
|
|
|
// When websocket is established, call the getReadings() function
|
|
function onOpen(event) {
|
|
console.log("Connection opened");
|
|
getReadings();
|
|
}
|
|
|
|
function onClose(event) {
|
|
console.log("Connection closed");
|
|
setTimeout(initWebSocket, 2000);
|
|
}
|
|
|
|
// Function that receives the message from the ESP32 with the readings
|
|
function onMessage(event) {
|
|
console.log(event.data);
|
|
var myObj = JSON.parse(event.data);
|
|
var keys = Object.keys(myObj);
|
|
|
|
for (var i = 0; i < keys.length - 1; i++) {
|
|
var key = keys[i];
|
|
document.getElementById(key).innerHTML = myObj[key];
|
|
}
|
|
var today = new Date();
|
|
var date =
|
|
today.getFullYear() + "-" + (today.getMonth() + 1) + "-" + today.getDate();
|
|
var time =
|
|
today.getHours() + ":" + today.getMinutes() + ":" + today.getSeconds();
|
|
var dateTime = date + " " + time;
|
|
document.getElementById("time").innerHTML = dateTime;
|
|
}
|