/* ESP32 HTTP IoT Server Example for Wokwi.com
https://wokwi.com/arduino/projects/320964045035274834
To test, you need the Wokwi IoT Gateway, as explained here:
https://docs.wokwi.com/guides/esp32-wifi#the-private-gateway
Then start the simulation, and open http://localhost:9080
in another browser tab.
Note that the IoT Gateway requires a Wokwi Club subscription.
To purchase a Wokwi Club subscription, go to https://wokwi.com/club
*/
#include <WiFi.h>
#include <WiFiClient.h>
#include <WebServer.h>
#include <uri/UriBraces.h>
#include "DHTesp.h"
#define WIFI_SSID "Wokwi-GUEST"
#define WIFI_PASSWORD ""
// Defining the WiFi channel speeds up the connection:
#define WIFI_CHANNEL 6
WebServer server(80);
const int DHT_PIN = 15;
DHTesp dhtSensor;
TempAndHumidity data = dhtSensor.getTempAndHumidity();
double temp = data.temperature;
double humidity = data.humidity;
bool CState = true;
bool FState = false;
void sendHtml() {
String response = R"(
<!DOCTYPE html><html>
<head>
<title>ESP32 Web Server Demo</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<style>
html { font-family: sans-serif; text-align: center; }
body { display: inline-flex; flex-direction: column; }
h1 { margin-bottom: 1.2em; }
h2 { margin: 0; }
div { display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: auto auto; grid-auto-flow: column; grid-gap: 1em; }
.btn { background-color: #5B5; border: none; color: #fff; padding: 0.5em 1em;
font-size: 2em; text-decoration: none }
.btn.OFF { background-color: #333; }
</style>
</head>
<body>
<div>
<h1>ESP32 Web Server</h1>
<h2>Temperature:</h2>
<h3 class="TEMP_VALUE">TEMP_VALUE</h3>
<h2>Humidity:</h2>
<h3 class="HUMIDITY_VALUE">HUMIDITY_VALUE</h3>
</div>
<div>
<h2>CELSIUS</h2>
<a href="/toggle/1" class="btn Celsius">Celsius</a>
<h2>FAHRENHEIT</h2>
<a href="/toggle/2" class="btn Fahrenheit">Fahrenheit</a>
</div>
</body>
</html>
)";
response.replace("TEMP_VALUE", String(temp));
response.replace("HUMIDITY_VALUE", String(humidity));
response.replace("Celsius", Cstate ? "ON":"OFF");
response.replace("Fahrenheit",FState ? "ON":"OFF");
server.send(200, "text/html", response);
}
void setup(void) {
Serial.begin(115200);
dhtSensor.setup(DHT_PIN,DHTesp::DHT22);
WiFi.begin(WIFI_SSID, WIFI_PASSWORD, WIFI_CHANNEL);
Serial.print("Connecting to WiFi ");
Serial.print(WIFI_SSID);
// Wait for connection
while (WiFi.status() != WL_CONNECTED) {
delay(100);
Serial.print(".");
}
Serial.println(" Connected!");
Serial.print("IP address: ");
Serial.println(WiFi.localIP());
server.on("/", sendHtml);
server.on(UriBraces("/toggle/{}"), []() {
String temp = server.pathArg(0);
switch (temp.toInt()) {
case 1:
if(!CState)
{
CState = !CState;
temp = data.temperature;
humidity = data.humidity;
}
break;
case 2:
if(!CState)
{
CState = !CState;
temp = data.temperature*1.8+32;
humidity = data.humidity*1.8+32;
}
break;
}
sendHtml();
});
server.begin();
Serial.println("HTTP server started");
}
void loop(void) {
server.handleClient();
delay(2);
}