MyTetra Share
Делитесь знаниями!
Доступ к веб-серверу.
Ссылка на оригинал
Время создания: 02.06.2023 19:04
Автор: alensav
Текстовые метки: Доступ к веб-серверу.
Раздел: ЭЛЕКТРОННИКА
Запись: alensav/MyTetra2/main/base/168572186837ysqc4rf5/text.html на raw.githubusercontent.com

#include <WiFi.h>

#include <WebServer.h>

#include "DHT.h"

// Раскомментируйте одну из строк ниже в зависимости от того, какой датчик вы используете!

#define DHTTYPE DHT11 // DHT 11

//#define DHTTYPE DHT21 // DHT 21 (AM2301)

//#define DHTTYPE DHT22 // DHT 22 (AM2302), AM2321

/* Установите здесь свои SSID и пароль */

const char* ssid = "ESP32"; // Enter SSID here

const char* password = "password"; //Enter Password here

WebServer server(80);

// DHT Sensor

uint8_t DHTPin = 4;

// Initialize DHT sensor.

DHT dht(DHTPin, DHTTYPE);

float Temperature;

float Humidity;

void setup() {

Serial.begin(115200);

delay(100);

pinMode(DHTPin, INPUT);

dht.begin();

Serial.println("Connecting to ");

Serial.println(ssid);

//connect to your local wi-fi network

WiFi.begin(ssid, password);

//check wi-fi is connected to wi-fi network

while (WiFi.status() != WL_CONNECTED) {

delay(1000);

Serial.print(".");

}

Serial.println("");

Serial.println("WiFi connected..!");

Serial.print("Got IP: "); Serial.println(WiFi.localIP());

server.on("/", handle_OnConnect);

server.onNotFound(handle_NotFound);

server.begin();

Serial.println("HTTP server started");

}

void loop() {

server.handleClient();

}

void handle_OnConnect() {

Temperature = dht.readTemperature(); // Gets the values of the temperature

Humidity = dht.readHumidity(); // Gets the values of the humidity

server.send(200, "text/html", SendHTML(Temperature,Humidity));

}

void handle_NotFound(){

server.send(404, "text/plain", "Not found");

}

String SendHTML(float Temperaturestat,float Humiditystat){

String ptr = "<!DOCTYPE html> <html>\n";

ptr +="<meta http-equiv=\"Content-type\" content=\"text/html; charset=utf-8\"><head><meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0, user-scalable=no\">\n";

ptr +="<title>ESP32. Информация о температуре</title>\n";

ptr +="<style>html { font-family: Helvetica; display: inline-block; margin: 0px auto; text-align: center;}\n";

ptr +="body{margin-top: 50px;} h1 {color: #444444;margin: 50px auto 30px;}\n";

ptr +="p {font-size: 24px;color: #444444;margin-bottom: 10px;}\n";

ptr +="</style>\n";

ptr +="</head>\n";

ptr +="<body>\n";

ptr +="<div id=\"webpage\">\n";

ptr +="<h1>ESP32. Информация о температуре в помещении:</h1>\n";

ptr +="<p>Температура: ";

ptr +=(int)Temperaturestat;

ptr +="°C</p>";

ptr +="<p>Влажность: ";

ptr +=(int)Humiditystat;

ptr +="%</p>";

ptr +="</div>\n";

ptr +="</body>\n";

ptr +="</html>\n";

return ptr;

}
 
MyTetra Share v.0.64
Яндекс индекс цитирования