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.
9 Révisions
1 Branche
Aborescence: a627ec29e1
Branches Tags
${ item.name }
Créer la branche ${ searchTerm }
de 'a627ec29e1'
${ noResults }
esp-env/src/html.cpp

html.cpp 14KB
Historique Brut

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435 
  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.     message += F("\n<p>\n");

  167.     if (found_bme1) {

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  186.     } else {

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

  188.     }

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

  190. 

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

  192.     if (found_bme2) {

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  211.     } else {

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

  213.     }

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

  215. 

  216.     ARDUINO_SEND_PARTIAL_PAGE();

  217. 

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

  219.     if (found_sht) {

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  235.     } else {

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

  237.     }

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

  239. 

  240. #ifdef ENABLE_CCS811

  241. 

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

  243.     if (found_ccs1) {

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

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

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

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

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

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

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

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

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

  253. 

  254.         if (!ccs1_data_valid) {

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

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

  257.             message += String(ccs1_error_code);

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

  259.         }

  260.     } else {

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

  262.     }

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

  264. 

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

  266.     if (found_ccs2) {

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

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

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

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

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

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

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

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

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

  276. 

  277.         if (!ccs2_data_valid) {

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

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

  280.             message += String(ccs2_error_code);

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

  282.         }

  283.     } else {

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

  285.     }

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

  287. 

  288. #endif // ENABLE_CCS811

  289. 

  290.     ARDUINO_SEND_PARTIAL_PAGE();

  291. 

  292. #ifdef FEATURE_MOISTURE

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

  294.         int moisture = moisture_read(i);

  295.         if (moisture < moisture_max()) {

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

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

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

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

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

  301.             message += String(moisture);

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

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

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

  305.         }

  306.     }

  307.     

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

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

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

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

  312.     }

  313. 

  314.     ARDUINO_SEND_PARTIAL_PAGE();

  315. #endif // FEATURE_MOISTURE

  316. 

  317. #ifdef FEATURE_RELAIS

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

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

  320.         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"));

  321.         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"));

  322.     }

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

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

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

  326. 

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

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

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

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

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

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

  333.     }

  334. 

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

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

  337.         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"));

  338.     }

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

  340. 

  341.     ARDUINO_SEND_PARTIAL_PAGE();

  342. #endif // FEATURE_RELAIS

  343. 

  344.     if (mode == 42) {

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

  346.     }

  347. 

  348. #if ! defined(ARDUINO_ARCH_AVR)

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

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

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

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

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

  354. #endif

  355.     

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

  357. #ifdef ENABLE_INFLUXDB_LOGGING

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

  359.     message += INFLUXDB_DATABASE;

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

  361.     message += INFLUXDB_HOST;

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

  363.     message += String(INFLUXDB_PORT);

  364. #else

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

  366. #endif

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

  368. 

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

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

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

  372. 

  373. #if ! defined(ARDUINO_ARCH_AVR)

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

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

  376.     message += debug.getBuffer();

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

  378. #endif

  379. 

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

  381. 

  382. #if ! defined(ARDUINO_ARCH_AVR)

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  397. #endif

  398. 

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

  400. 

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

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

  403. #else

  404.     ARDUINO_SEND_PARTIAL_PAGE();

  405. #endif

  406. }

  407. 

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

  409. void handleReset() {

  410.     String message;

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  431. 

  432.     delay(2000);

  433.     ESP.restart();

  434. }

  435. #endif