thomas
/
esp-env
Suivre 1
Favoriser 0
Bifurcation 0
Code Tickets 0 Demandes d'ajout 0 Versions 0 Wiki Activité
ESP32 / ESP8266 & BME280 / SHT2x sensor with InfluxDB support
Vous ne pouvez pas sélectionner plus de 25 sujets Les noms de sujets doivent commencer par une lettre ou un nombre, peuvent contenir des tirets ('-') et peuvent comporter jusqu'à 35 caractères.
10 Révisions
1 Branche
Aborescence: 47716cc74b
Branches Tags
${ item.name }
Créer la branche ${ searchTerm }
de '47716cc74b'
${ noResults }
esp-env/src/html.cpp

html.cpp 14KB
Historique Brut

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439 
  1. /*

  2.  * html.cpp

  3.  *

  4.  * ESP8266 / ESP32 Environmental Sensor

  5.  *

  6.  * ----------------------------------------------------------------------------

  7.  * "THE BEER-WARE LICENSE" (Revision 42):

  8.  * <xythobuz@xythobuz.de> wrote this file.  As long as you retain this notice

  9.  * you can do whatever you want with this stuff. If we meet some day, and you

  10.  * think this stuff is worth it, you can buy me a beer in return.   Thomas Buck

  11.  * ----------------------------------------------------------------------------

  12.  */

  13. 

  14. #include <Arduino.h>

  15. 

  16. #if defined(ARDUINO_ARCH_ESP8266)

  17. 

  18. #include <ESP8266WiFi.h>

  19. #include <ESP8266WebServer.h>

  20. #include <ESP8266mDNS.h>

  21. #define ESP_PLATFORM_NAME "ESP8266"

  22. 

  23. #elif defined(ARDUINO_ARCH_ESP32)

  24. 

  25. #include <WiFi.h>

  26. #include <WebServer.h>

  27. #include <ESPmDNS.h>

  28. #define ESP_PLATFORM_NAME "ESP32"

  29. 

  30. #elif defined(ARDUINO_ARCH_AVR)

  31. 

  32. #include <UnoWiFiDevEdSerial1.h>

  33. #include <WiFiLink.h>

  34. #define ESP_PLATFORM_NAME "Uno WiFi"

  35. 

  36. #endif

  37. 

  38. #include "config.h"

  39. #include "DebugLog.h"

  40. #include "sensors.h"

  41. #include "servers.h"

  42. #include "memory.h"

  43. #include "relais.h"

  44. #include "moisture.h"

  45. #include "html.h"

  46. 

  47. #if defined(ARDUINO_ARCH_AVR)

  48. #define ARDUINO_SEND_PARTIAL_PAGE() do { \

  49.         size_t len = message.length(), off = 0; \

  50.         while (off < len) { \

  51.             if ((len - off) >= 50) { \

  52.                 client.write(message.c_str() + off, 50); \

  53.                 off += 50; \

  54.             } else { \

  55.                 client.write(message.c_str() + off, len - off); \

  56.                 off = len; \

  57.             } \

  58.         } \

  59.         message = ""; \

  60.     } while (false);

  61. #else

  62. #define ARDUINO_SEND_PARTIAL_PAGE() while (false) { }

  63. #endif

  64. 

  65. #if defined(ARDUINO_ARCH_ESP8266) || defined(ARDUINO_ARCH_ESP32)

  66. void handlePage(int mode, int id) {

  67. #else

  68. void handlePage(WiFiClient &client, int mode, int id) {

  69. #endif

  70.     String message;

  71. 

  72.     message += F("<!DOCTYPE html>");

  73.     message += F("<html><head>");

  74.     message += F("<meta charset='utf-8'/>");

  75.     message += F("<meta name='viewport' content='width=device-width, initial-scale=1'/>");

  76.     message += F("<title>" ESP_PLATFORM_NAME " Environment Sensor</title>");

  77.     message += F("<style>");

  78.     message += F(".log {\n");

  79.     message += F(    "max-height: 300px;\n");

  80.     message += F(    "padding: 0 1.0em;\n");

  81.     message += F(    "max-width: 1200px;\n");

  82.     message += F(    "margin: auto;\n");

  83.     message += F(    "margin-top: 1.5em;\n");

  84.     message += F(    "border: 1px dashed black;\n");

  85.     message += F(    "font-family: monospace;\n");

  86.     message += F(    "overflow-y: scroll;\n");

  87.     message += F(    "word-break: break-all;\n");

  88.     message += F("}\n");

  89.     message += F("#logbuf {\n");

  90.     message += F(    "white-space: break-spaces;\n");

  91.     message += F("}\n");

  92.     message += F("@media (prefers-color-scheme: dark) {");

  93.     message += F(    "body {");

  94.     message += F(        "background-color: black;");

  95.     message += F(        "color: white;");

  96.     message += F(    "}");

  97.     message += F(    ".log {\n");

  98.     message += F(        "border-color: white;");

  99.     message += F(    "}");

  100.     message += F("}");

  101.     message += F("</style>");

  102.     message += F("</head><body>");

  103.     message += F("<h1>" ESP_PLATFORM_NAME " Environment Sensor</h1>");

  104.     message += F("\n<p>\n");

  105.     message += F("Version: ");

  106.     message += ESP_ENV_VERSION;

  107.     message += F("\n<br>\n");

  108.     message += F("Location: ");

  109.     message += SENSOR_LOCATION;

  110.     message += F("\n<br>\n");

  111.     message += F("ID: ");

  112.     message += SENSOR_ID;

  113. 

  114. #if defined(ARDUINO_ARCH_ESP8266) || defined(ARDUINO_ARCH_ESP32)

  115.     message += F("\n<br>\n");

  116.     message += F("MAC: ");

  117.     message += WiFi.macAddress();

  118. #endif

  119. 

  120.     message += F("\n</p>\n");

  121. 

  122.     ARDUINO_SEND_PARTIAL_PAGE();

  123. 

  124. #if defined(ARDUINO_ARCH_ESP8266)

  125.     

  126.     message += F("<p>");

  127.     message += F("Reset reason: ");

  128.     message += ESP.getResetReason();

  129.     message += F("<br>");

  130.     message += F("Free heap: ");

  131.     message += String(ESP.getFreeHeap());

  132.     message += F(" (");

  133.     message += String(ESP.getHeapFragmentation());

  134.     message += F("% fragmentation)");

  135.     message += F("<br>");

  136.     message += F("Free sketch space: ");

  137.     message += String(ESP.getFreeSketchSpace());

  138.     message += F("<br>");

  139.     message += F("Flash chip real size: ");

  140.     message += String(ESP.getFlashChipRealSize());

  141. 

  142.     if (ESP.getFlashChipSize() != ESP.getFlashChipRealSize()) {

  143.         message += F("<br>");

  144.         message += F("WARNING: sdk chip size (");

  145.         message += (ESP.getFlashChipSize());

  146.         message += F(") does not match!");

  147.     }

  148.     

  149.     message += F("</p>");

  150.     

  151. #elif defined(ARDUINO_ARCH_ESP32)

  152. 

  153.     message += F("<p>");

  154.     message += F("Free heap: ");

  155.     message += String(ESP.getFreeHeap() / 1024.0);

  156.     message += F("k<br>");

  157.     message += F("Free sketch space: ");

  158.     message += String(ESP.getFreeSketchSpace() / 1024.0);

  159.     message += F("k<br>");

  160.     message += F("Flash chip size: ");

  161.     message += String(ESP.getFlashChipSize() / 1024.0);

  162.     message += F("k</p><hr>");

  163.     

  164. #endif

  165. 

  166. #ifdef ENABLE_BME280

  167. 

  168.     message += F("\n<p>\n");

  169.     if (found_bme1) {

  170.         message += F("BME280 Low:");

  171.         message += F("\n<br>\n");

  172.         message += F("Temperature: ");

  173.         message += String(bme1_temp());

  174.         message += F("\n<br>\n");

  175.         message += F("Humidity: ");

  176.         message += String(bme1_humid());

  177.         message += F("\n<br>\n");

  178.         message += F("Pressure: ");

  179.         message += String(bme1_pressure());

  180.         message += F("\n<br>\n");

  181.         message += F("Offset: ");

  182.         message += String(config.bme1_temp_off);

  183.         message += F("\n<br>\n");

  184.         message += F("<form method=\"GET\" action=\"/calibrate\">");

  185.         message += F("<input type=\"text\" name=\"bme1\" placeholder=\"Real Temp.\">");

  186.         message += F("<input type=\"submit\" value=\"Calibrate\">");

  187.         message += F("</form>");

  188.     } else {

  189.         message += F("BME280 (low) not connected!");

  190.     }

  191.     message += F("\n</p><hr>\n");

  192. 

  193.     message += F("\n<p>\n");

  194.     if (found_bme2) {

  195.         message += F("BME280 High:");

  196.         message += F("\n<br>\n");

  197.         message += F("Temperature: ");

  198.         message += String(bme2_temp());

  199.         message += F("\n<br>\n");

  200.         message += F("Humidity: ");

  201.         message += String(bme2_humid());

  202.         message += F("\n<br>\n");

  203.         message += F("Pressure: ");

  204.         message += String(bme2_pressure());

  205.         message += F("\n<br>\n");

  206.         message += F("Offset: ");

  207.         message += String(config.bme2_temp_off);

  208.         message += F("\n<br>\n");

  209.         message += F("<form method=\"GET\" action=\"/calibrate\">");

  210.         message += F("<input type=\"text\" name=\"bme2\" placeholder=\"Real Temp.\">");

  211.         message += F("<input type=\"submit\" value=\"Calibrate\">");

  212.         message += F("</form>");

  213.     } else {

  214.         message += F("BME280 (high) not connected!");

  215.     }

  216.     message += F("\n</p><hr>\n");

  217. 

  218. #endif // ENABLE_BME280

  219. 

  220.     ARDUINO_SEND_PARTIAL_PAGE();

  221. 

  222.     message += F("\n<p>\n");

  223.     if (found_sht) {

  224.         message += F("SHT21:");

  225.         message += F("\n<br>\n");

  226.         message += F("Temperature: ");

  227.         message += String(sht_temp());

  228.         message += F("\n<br>\n");

  229.         message += F("Humidity: ");

  230.         message += String(sht_humid());

  231.         message += F("\n<br>\n");

  232.         message += F("Offset: ");

  233.         message += String(config.sht_temp_off);

  234.         message += F("\n<br>\n");

  235.         message += F("<form method=\"GET\" action=\"/calibrate\">");

  236.         message += F("<input type=\"text\" name=\"sht\" placeholder=\"Real Temp.\">");

  237.         message += F("<input type=\"submit\" value=\"Calibrate\">");

  238.         message += F("</form>");

  239.     } else {

  240.         message += F("SHT21 not connected!");

  241.     }

  242.     message += F("\n</p><hr>\n");

  243. 

  244. #ifdef ENABLE_CCS811

  245. 

  246.     message += F("\n<p>\n");

  247.     if (found_ccs1) {

  248.         message += F("CCS811 Low:");

  249.         message += F("\n<br>\n");

  250.         message += F("eCO2: ");

  251.         message += String(ccs1_eco2());

  252.         message += F("ppm");

  253.         message += F("\n<br>\n");

  254.         message += F("TVOC: ");

  255.         message += String(ccs1_tvoc());

  256.         message += F("ppb");

  257. 

  258.         if (!ccs1_data_valid) {

  259.             message += F("\n<br>\n");

  260.             message += F("Data invalid (");

  261.             message += String(ccs1_error_code);

  262.             message += F(")!");

  263.         }

  264.     } else {

  265.         message += F("CCS811 (Low) not connected!");

  266.     }

  267.     message += F("\n</p><hr>\n");

  268. 

  269.     message += F("\n<p>\n");

  270.     if (found_ccs2) {

  271.         message += F("CCS811 High:");

  272.         message += F("\n<br>\n");

  273.         message += F("eCO2: ");

  274.         message += String(ccs2_eco2());

  275.         message += F("ppm");

  276.         message += F("\n<br>\n");

  277.         message += F("TVOC: ");

  278.         message += String(ccs2_tvoc());

  279.         message += F("ppb");

  280. 

  281.         if (!ccs2_data_valid) {

  282.             message += F("\n<br>\n");

  283.             message += F("Data invalid (");

  284.             message += String(ccs2_error_code);

  285.             message += F(")!");

  286.         }

  287.     } else {

  288.         message += F("CCS811 (High) not connected!");

  289.     }

  290.     message += F("\n</p><hr>\n");

  291. 

  292. #endif // ENABLE_CCS811

  293. 

  294.     ARDUINO_SEND_PARTIAL_PAGE();

  295. 

  296. #ifdef FEATURE_MOISTURE

  297.     for (int i = 0; i < moisture_count(); i++) {

  298.         int moisture = moisture_read(i);

  299.         if (moisture < moisture_max()) {

  300.             message += F("\n<p>\n");

  301.             message += F("Sensor ");

  302.             message += String(i + 1);

  303.             message += F(":\n<br>\n");

  304.             message += F("Moisture: ");

  305.             message += String(moisture);

  306.             message += F(" / ");

  307.             message += String(moisture_max());

  308.             message += F("\n</p>\n");

  309.         }

  310.     }

  311.     

  312.     if (moisture_count() <= 0) {

  313.         message += F("\n<p>\n");

  314.         message += F("No moisture sensors configured!");

  315.         message += F("\n</p>\n");

  316.     }

  317. 

  318.     ARDUINO_SEND_PARTIAL_PAGE();

  319. #endif // FEATURE_MOISTURE

  320. 

  321. #ifdef FEATURE_RELAIS

  322.     message += F("\n<p>\n");

  323.     for (int i = 0; i < relais_count(); i++) {

  324.         message += String(F("<a href=\"/on?id=")) + String(i) + String(F("\">Relais ")) + String(i) + String(F(" On (")) + relais_name(i) + String(F(")</a><br>\n"));

  325.         message += String(F("<a href=\"/off?id=")) + String(i) + String(F("\">Relais ")) + String(i) + String(F(" Off (")) + relais_name(i) + String(F(")</a><br>\n"));

  326.     }

  327.     message += String(F("<a href=\"/on?id=")) + String(relais_count()) + String(F("\">All Relais On</a><br>\n"));

  328.     message += String(F("<a href=\"/off?id=")) + String(relais_count()) + String(F("\">All Relais Off</a><br>\n"));

  329.     message += F("</p>\n");

  330. 

  331.     if ((mode >= 0) && (mode <= 1)) {

  332.         message += F("<p>");

  333.         message += F("Turned Relais ");

  334.         message += (id < relais_count()) ? String(id) : String(F("1-4"));

  335.         message += (mode ? String(F(" On")) : String(F(" Off")));

  336.         message += F("</p>\n");

  337.     }

  338. 

  339.     message += F("\n<p>\n");

  340.     for (int i = 0; i < relais_count(); i++) {

  341.         message += String(F("Relais ")) + String(i) + String(F(" (")) + relais_name(i) + String(F(") = ")) + (relais_get(i) ? String(F("On")) : String(F("Off"))) + String(F("<br>\n"));

  342.     }

  343.     message += F("</p>\n");

  344. 

  345.     ARDUINO_SEND_PARTIAL_PAGE();

  346. #endif // FEATURE_RELAIS

  347. 

  348.     if (mode == 42) {

  349.         message += F("<p>New calibration value saved!</p>\n");

  350.     }

  351. 

  352. #if ! defined(ARDUINO_ARCH_AVR)

  353.     message += F("<p>");

  354.     message += F("Try <a href=\"/update\">/update</a> for OTA firmware updates!");

  355.     message += F("</p><p>");

  356.     message += F("Try <a href=\"/reset\">/reset</a> to reset ESP!");

  357.     message += F("</p>");

  358. #endif

  359.     

  360.     message += F("<p>");

  361. #ifdef ENABLE_INFLUXDB_LOGGING

  362.     message += F("InfluxDB: ");

  363.     message += INFLUXDB_DATABASE;

  364.     message += F(" @ ");

  365.     message += INFLUXDB_HOST;

  366.     message += F(":");

  367.     message += String(INFLUXDB_PORT);

  368. #else

  369.     message += F("InfluxDB logging not enabled!");

  370. #endif

  371.     message += F("</p>");

  372. 

  373.     message += F("<p>Uptime: ");

  374.     message += String(millis() / 1000);

  375.     message += F(" sec.</p>");

  376. 

  377. #ifdef ENABLE_DEBUGLOG

  378.     message += F("<hr><p>Debug Log:</p>");

  379.     message += F("<div class='log'><pre id='logbuf'>");

  380.     message += debug.getBuffer();

  381.     message += F("</pre></div>");

  382. #endif // ENABLE_DEBUGLOG

  383. 

  384.     message += F("</body>");

  385. 

  386. #ifdef ENABLE_WEBSOCKETS

  387.     message += F("<script type='text/javascript'>\n");

  388.     message += F("var socket = new WebSocket('ws://' + window.location.hostname + ':81');\n");

  389.     message += F("socket.onmessage = function(e) {");

  390.     message += F(    "var log = document.getElementById('logbuf');");

  391.     message += F(    "var div = document.getElementsByClassName('log')[0];");

  392.     message += F(    "log.innerHTML += e.data.substring(4);");

  393.     message += F(    "if (log.innerHTML.length > (1024 * 1024)) {");

  394.     message += F(        "log.innerHTML = log.innerHTML.substring(1024 * 1024);");

  395.     message += F(    "}");

  396.     message += F(    "div.scrollTop = div.scrollHeight;");

  397.     message += F("};\n");

  398.     message += F("var hist = document.getElementsByClassName('log')[0];\n");

  399.     message += F("hist.scrollTop = hist.scrollHeight;\n");

  400.     message += F("</script>\n");

  401. #endif // ENABLE_WEBSOCKETS

  402. 

  403.     message += F("</html>");

  404. 

  405. #if defined(ARDUINO_ARCH_ESP8266) || defined(ARDUINO_ARCH_ESP32)

  406.     server.send(200, "text/html", message);

  407. #else

  408.     ARDUINO_SEND_PARTIAL_PAGE();

  409. #endif

  410. }

  411. 

  412. #if defined(ARDUINO_ARCH_ESP8266) || defined(ARDUINO_ARCH_ESP32)

  413. void handleReset() {

  414.     String message;

  415.     message += F("<!DOCTYPE html>");

  416.     message += F("<html><head>");

  417.     message += F("<meta charset='utf-8'/>");

  418.     message += F("<meta name='viewport' content='width=device-width, initial-scale=1'/>");

  419.     message += F("<meta http-equiv='refresh' content='10; URL=/'/>");

  420.     message += F("<title>" ESP_PLATFORM_NAME " Environment Sensor</title>");

  421.     message += F("<style>");

  422.     message += F("@media (prefers-color-scheme: dark) {");

  423.     message += F(    "body {");

  424.     message += F(        "background-color: black;");

  425.     message += F(        "color: white;");

  426.     message += F(    "}");

  427.     message += F("}");

  428.     message += F("</style>");

  429.     message += F("</head><body>");

  430.     message += F("<p>Resetting in 2s...</p>");

  431.     message += F("<p>Auto redirect in 10s. Please retry manually on error.</p>");

  432.     message += F("<p>Go <a href=\"/\">back</a> to start.</p>");

  433.     message += F("</body></html>");

  434.     server.send(200, "text/html", message);

  435. 

  436.     delay(2000);

  437.     ESP.restart();

  438. }

  439. #endif