118 lines
2.9 KiB
C++
118 lines
2.9 KiB
C++
#include <WiFi.h>
|
||
#include <WebServer.h>
|
||
#include <ESPmDNS.h>
|
||
#include <time.h>
|
||
|
||
// ================== CHANGE THESE ==================
|
||
const char* ssid = "Bertovic";
|
||
const char* password = "18072019";
|
||
|
||
// mDNS name -> http://myhome.local/
|
||
const char* mdnsName = "myhome";
|
||
|
||
// NTP
|
||
const char* ntpServer = "pool.ntp.org";
|
||
|
||
// Timezone example: Europe/Zagreb (CET = UTC+1). DST is not automatic in this simple offset mode.
|
||
// If you want automatic DST, tell me and I’ll give the TZ-string version.
|
||
const long gmtOffset_sec = 3600; // UTC+1
|
||
const int daylightOffset_sec = 0;
|
||
// ==================================================
|
||
|
||
WebServer server(80);
|
||
|
||
String getTimeString() {
|
||
struct tm timeinfo;
|
||
if (!getLocalTime(&timeinfo)) {
|
||
return "Time not ready (NTP sync)";
|
||
}
|
||
char buf[32];
|
||
strftime(buf, sizeof(buf), "%Y-%m-%d %H:%M:%S", &timeinfo);
|
||
return String(buf);
|
||
}
|
||
|
||
void handleRoot() {
|
||
// Smooth updates: page loads once, then fetches /time every second
|
||
String page = R"rawliteral(
|
||
<!DOCTYPE html>
|
||
<html>
|
||
<head>
|
||
<meta charset="utf-8">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||
<title>ESP32 Time</title>
|
||
<style>
|
||
body { font-family: Arial, sans-serif; margin: 24px; }
|
||
.card { padding: 16px; border: 1px solid #ddd; border-radius: 12px; max-width: 420px; }
|
||
#clock { font-size: 1.8rem; font-weight: 700; margin-top: 8px; }
|
||
.small { color: #666; margin-top: 10px; }
|
||
</style>
|
||
</head>
|
||
<body>
|
||
<div class="card">
|
||
<div>Current time:</div>
|
||
<div id="clock">Loading...</div>
|
||
<div class="small">Updates every second • Served by ESP32</div>
|
||
</div>
|
||
|
||
<script>
|
||
async function updateTime() {
|
||
try {
|
||
const r = await fetch('/time', { cache: 'no-store' });
|
||
const t = await r.text();
|
||
document.getElementById('clock').textContent = t;
|
||
} catch (e) {
|
||
document.getElementById('clock').textContent = 'Error getting time';
|
||
}
|
||
}
|
||
updateTime();
|
||
setInterval(updateTime, 1000);
|
||
</script>
|
||
</body>
|
||
</html>
|
||
)rawliteral";
|
||
|
||
server.send(200, "text/html", page);
|
||
}
|
||
|
||
void handleTime() {
|
||
server.send(200, "text/plain", getTimeString());
|
||
}
|
||
|
||
void setup() {
|
||
Serial.begin(115200);
|
||
|
||
// Wi-Fi connect
|
||
WiFi.begin(ssid, password);
|
||
Serial.print("Connecting to WiFi");
|
||
while (WiFi.status() != WL_CONNECTED) {
|
||
delay(500);
|
||
Serial.print(".");
|
||
}
|
||
Serial.println("\nWiFi connected!");
|
||
Serial.print("ESP32 IP: ");
|
||
Serial.println(WiFi.localIP());
|
||
|
||
// Start mDNS
|
||
if (!MDNS.begin(mdnsName)) {
|
||
Serial.println("mDNS start FAILED");
|
||
} else {
|
||
Serial.print("mDNS started: http://");
|
||
Serial.print(mdnsName);
|
||
Serial.println(".local/");
|
||
}
|
||
|
||
// NTP time
|
||
configTime(gmtOffset_sec, daylightOffset_sec, ntpServer);
|
||
|
||
// Web routes
|
||
server.on("/", handleRoot);
|
||
server.on("/time", handleTime);
|
||
|
||
server.begin();
|
||
Serial.println("HTTP server started");
|
||
}
|
||
|
||
void loop() {
|
||
server.handleClient();
|
||
}
|