Pagina web creată cu ESP32 programat cu Arduino IDE

   Baza acestui material este articolul numit ESP32 Web Server – Arduino IDE scris de Rui Santos şi este util pentru testarea rapidă a plăcilor de dezvoltare cu ESP32, cum este Geekcreit® ESP32-DevKit.

   Pentru a putea programa o placa cu ESP32 cu mediul Arduino IDE trebuie urmaţi paşii prezentaţi în articolul lui Rui Santos numit Installing the ESP32 Board in Arduino IDE (Windows instructions).
   Am constatat că această placa are 2 leduri (buit-in), unul la GPIO0 şi unul la GPIO27 (nu doar la GPIO27) aşa că am modificat programul original să imi aprindă aceste leduri, modificând şi logica de aprindere (inversă), acest program modificat de mine este ESP32_WebServer.ino.
   După încărcarea programului, în ecranul de monitorizare serială găsim adresa IP a paginii web

accesând pagina vom vedea

   Apăsând pe butonul de sus (GPIO0), se va aprinde ledul corespunzător, schimbându-se şi informaţia de pe ecran

,

apăsând şi pe al doilea buton (GPIO27), se aprinde şi cel de-al doilea

   Pentru a rămâne doar led-ul din dreapta imaginii aprins (cel de la GPIO27), îl stingem pe cel din stânga (GPIO0)

   Am făcut 2 filmuleţe, pentru înţelegea mai uşoară a modului de comandă şi funcţionare

- Web server cu ESP32

- Web Server with red ESP32 board from Banggood

Pagina de net (webserver) cu modul WiFi ESP8266-05

   In articolul anterior (Modulul de retea "uairles" ESP8266-05 si Arduino) am facut teste cu comenzi AT si cu conectarea la un server sa citesc ora. In acelele experimente, am folosit o placa Arduino Mega si un adaptor de nivel logic de la 5V cu cat lucreaza placa Arduilo la 3,3V cu cat lucreaza ESP8266.
   M-am gandiot sa fac o pagina de net, in care sa vad, pentru inceput, temperatura si umiditatea din camera.
   Montajul cu Arduino Mega, o interfata de nivel logic si un senzor DHT11 (DHT22 era ocupat):

   Am zis sa folosesc si un Arduino Uno, asa ca a trebuit sa reduc viteza de lucru la o valoare mai mica de 115200bps, deoarece librariile de emuleaza alte seriale nu lucreaza bine cu frecvente mari... din teste 19200bps e ok.
   Montajul este similar, doar ca nu am legat la Rx2-Tx2, cum e la Arduino mega, ci la D10 si D11:

   Schema de conectare este similara cu cea de jos, doar ca senzorul este conectat la D8, nu la A2, si nu e acel led:

respectiv

   In unele sketch-uri, am pus reset periodic, asa ca exist ao legatura intre D7 si RESET, cal si la Arduino Mega.

   Primele teste le-am facut cu exemple gesite pe net, la care am facut mici modificari, cum e cel materialul de la PetesTechProjects: "Mini Server on Arduino + ESP8266". Sketch-ul adaptat de mine este esp8266_dht_apwebserver_1m0.ino si se obtine pe eran:

conectandu-ma la "serverul" lui ESP8266:

   In exemplul de mai sus, modulul ESP8266 este in mod AP (Acces Point), dar poate fi si ca un "client" intr-o retea de WiFi, sau poate fi si si :)

   Intre timp am gasit la PetesTechProjects: "LED’s Control Through ESP8266 + Arduino Web Page" si Adding LED States to Web Page (LED’s Control Through ESP8266 + Arduino Web Page) in care se foloseste stilul Ajax, in care pagina e "statica", schimbandu-se periodic sau la cerere doar niste valori..

 

si am filmuletul numit pagina web cu ESP8266 si comenzi Ajax

   Tot "sapand", am dat de un material de forumul Arduino, in care se folosesc niste libarii noi, obtinand o pagina de net cu comenzi Ajax foarte stabila, in care folosesc sketch-ul esp8266_ajax_forum_dht_1m3_uno.ino:

   Ulterior, am pus si un senzor de temperatura DS18B20, deoarece DHT11 nu e asa precis, iar sketch-ul este esp8266_ajax_forum_dht11_18B20_ver1m5.ino:

   Schema este:

cu mentiunea ca mai este o legatura de la D7 la RESET, pentru a reseta din ora in ora placa si serverul.. 

   Am si 2 filmulete:

- pagina web cu ESP8266 si comenzi Ajax (2)

- pagina web cu ESP8266 si comenzi Ajax (3)

Termostat controlat de pe o pagina web (2)

   Fata de articolul anterior, in care am folosit o placa Arduino Mega si o placa de retea de tip shield cu W5100, care creeea pagina de fiecare data, acum folosesc stilul Ajax, adica pagina web este statica si se schimba periodic sau la cerere parti din pagina, astfel placa de retea este putin utilizata si apar cazuri de "blocare" mai rar sau.. deloc...
   Schema folosita este aceeasi:

doar ca pagina, respectiv fisierul index.html este memorat pe cardul micro SD, deci folosesc incriptorul de pe placa de retea, cum este prezentat in articolul SD Card Web Server I/O, care avea o interfata de genul:

  Eu am incercat sa folosesc stilul anterior:

iesindu-mi:

apoi, am mai lucrat la pagina, care reseteaza din ora in ora placa Arduino si placa de retea (prin legarea pinului D7 la pinul RESET); pagina este asa: 

   Schema cu legarea pinului D7 la RESET:

   Am pus pe canalul de github, cele 2 versiuni in directorul webthermostat_ajax...

   Am facut si un filmulet, numit web termostat cu Ajax si Arduino