pd

LED ligthing ESP8266 from anywhere

L'ESP8266 diventa un web server collegato alla propria rete WiFi. In questo modo è possibile accende e spegnere il LED via internet da qualsiasi postazione casalinga. Inoltre predisponendo il router di casa è possibile accendere il LED dall'esterno via internet

Negli sketch seguenti le informazioni per ottenere questi risultati

Lo sketch Arduino

Your browser do not support iframes

Lo sketch è accompagnato da un file index.h salvato nella stessa cartella dello sktect, dove è riportato il codice html e ajax per l'interrogazione al web server

<p align="left"><br> <br> const char MAIN_page[] PROGMEM = R"=====( <!DOCTYPE html> <html> <style> .card_res{ max-width: 400px; min-height: 250px; background: #02b875; padding: 30px; box-sizing: border-box; color: #FFF; margin:20px; box-shadow: 0px 2px 18px -4px rgba(0,0,0,0.75); } </style> <style> .card_button{ max-width: 400px; min-height: 100px; background: #3256AA; padding: 30px; box-sizing: border-box; color: #FFF; margin:20px; box-shadow: 0px 2px 18px -4px rgba(0,0,0,0.75); } </style> <body> <div id="onoff" align="center"> <p align="center"><h1>On/Off your LED by clicking</h1></p> </div> <div class="card_button"> <button type="button" onClick="sendData(1)">LED ON</button> <button type="button" onClick="sendData(0)">LED OFF</button> </div> <div class="card_res"> <h1>See your led on_board:</h1><br> LED state is: <span id="LEDState">NA</span> </div> <script> function sendData(led) { var xhttp = new XMLHttpRequest(); xhttp.onreadystatechange = function() { if (this.readyState == 4 && this.status == 200) { document.getElementById("LEDState").innerHTML = this.responseText; } }; xhttp.open("GET", "setLED?LEDstate="+led, true); xhttp.send(); } setInterval(function() { // Call a function repetatively with 2 Second interval getData(); }, 2000); //2000mSeconds update rate function getData() { var xhttp = new XMLHttpRequest(); xhttp.onreadystatechange = function() { if (this.readyState == 4 && this.status == 200) { document.getElementById("ADCValue").innerHTML = this.responseText; } }; xhttp.open("GET", true); xhttp.send(); } </script> </body> </html> )=====";

Per poter accedere all'ESP8266 occore poter accedere al proprio router eabilitare la voce PORT FORWARDING. Questa opzione permette di aprire una porta verso l'esterno. Conviene utilizzare un fornitore di servizi che associ un nome all'indirizzo IP del dispositivo. Un fornitore efficiente che fornisce fino a tre indirizzi gratuitamente èNO-IP