Logige andmed sisse ja joonistage graafik veebis, kasutades NodeMCU, MySQL, PHP ja Chartjs.org: 4 sammu

2024 Autor: John Day | [email protected]. Viimati modifitseeritud: 2024-01-30 08:48

Selles juhendis kirjeldatakse, kuidas saame kasutada sõlme MCU -plaati andmete kogumiseks mitmelt andurilt, saata need hostitud PHP -faili, mis seejärel lisab andmed MySQL -i andmebaasi. Andmeid saab seejärel veebis vaadata graafikuna, kasutades chart.js.

Selle projekti jaoks on vaja põhiteadmisi PHP ja MySQL kohta ning teil on vaja nende seadistustega juurdepääsu veebimajutusele, et saaksite oma graafikuid luua ja vaadata. Samuti eeldan, et teil on põhiteadmised Node MCU -plaadi kasutamise ja sellele visandite üleslaadimise kohta. (Ma kasutan selleks Arduino IDE -d)

Samm: vooluringi ehitamine

Kuna sõlme MCU -l on ainult üks analoogpistik, kasutame mitme anduri andmete lugemiseks multipleksimist. (Paljud juhendid hõlmavad seda kontseptsiooni üksikasjalikumalt, nii et ma ei hakka seda siin käsitlema). Selles näites olen kasutanud kahte andurit (valguse ja temperatuuri jaoks), kuid saate neid muuta, kui soovite, ja vajadusel lisada veel andureid. Mul on kasutusel valgustundlik takisti, termistor, kaks alaldidioodi, 330 oomi takisti ja 10K takisti ning mõned hüppajajuhtmed. Lisatud Fritzingi diagramm näitab, kuidas need kõik leivaplaadil on ühendatud.

2. toiming: redigeerige ja laadige skeem sõlme MCU -sse üles

Kasutage seda lisatud.ino -faili. Peate seda oma WiFi -võrgu nime ja parooliga muutma, et sõlme MCU saaks teie võrguga ühenduse luua.

Selle visandi allosas on rida "viivitus (60000);" annab minutilise viivituse andurite näitude vahel, kuid seda saab reguleerida vastavalt teie vajadustele. Soovitan siiski jätta vähemalt 10 sekundit, et võimaldada iga kord ühendus failiga „updater.php”.

Samuti peate muutma teed, kuhu hostite kaks.php -faili ja kaks nõutud JavaScripti faili. Saate need järgmises etapis alla laadida.

Samm: andmebaas ja veebifailid

Looge oma MySql andmebaas. Looge tabel nimega "temp_light" (saate seda muuta, kuid peate muutma kahte php -faili, et kajastada tehtud muudatusi). Andke tabelile neli välja. Esmane automaatse juurdekasvu väli. Täisarvuline väli nimega "temp", täisarvuline väli nimega "light" ja väli nimega "date_time", mis on ajatempel ja vaikeväärtus "CURRENT_TIMESTAMP"

Laadige nüüd alla lisatud.zip -fail ja pakkige see lahti. See annab teile kaks php -faili ja kausta skriptid, mis sisaldab.js -faile, mille sain saidilt chartjs.org. Kahte.js -faili pole vaja muuta ja kaust „scripts” tuleks majutada samas kohas, kus asuvad teie kaks php -faili. mõlemat php -faili tuleb redigeerida oma andmebaasi nime, parooli ja hosti IP -ga. aadress.

Failis index.php näete rida 50: $ Adjust_temp = ($ temp*0,0623);

Selle arvutuse eesmärk on teisendada temperatuurinäit nii lähedale, kui mul on võimalik Celsiuse kraadi saada, ja see saadi katse -eksituse meetodil ning peaaegu kindlasti tuleb seda muuta vastavalt teie enda temperatuuriandurile.

Nüüd hostige nii php -faile kui ka kausta „scripts”, mis sisaldavad kahte.js -faili ühes kataloogis. Sirvige seda kataloogi ja peaksite nägema oma graafikut koos teie sõlme MCU -plaadilt saadetud andmetega.

4. samm: lõpptulemus

Algselt tegin selle projekti umbes kaks aastat tagasi, kuid polnud siiani suutnud selle jaoks juhendit kirjutada. Minu testiga loodud graafikut näete siit:

Graafiku suur teravik on koht, kus päike paistis aknast kahele andurile ja aeglane langus oli taas see, kui päike aeglaselt vaateväljast kadus.