Turinys:

Prisijunkite prie duomenų ir nubraižykite grafiką internete naudodami „NodeMCU“, „MySQL“, PHP ir „Chartjs.org“: 4 žingsniai
Prisijunkite prie duomenų ir nubraižykite grafiką internete naudodami „NodeMCU“, „MySQL“, PHP ir „Chartjs.org“: 4 žingsniai

Video: Prisijunkite prie duomenų ir nubraižykite grafiką internete naudodami „NodeMCU“, „MySQL“, PHP ir „Chartjs.org“: 4 žingsniai

Video: Prisijunkite prie duomenų ir nubraižykite grafiką internete naudodami „NodeMCU“, „MySQL“, PHP ir „Chartjs.org“: 4 žingsniai
Video: Управление 16 серводвигателями с использованием модуля PCA9685 и Arduino V2 2024, Lapkritis
Anonim
Prisijunkite prie duomenų ir nubraižykite grafiką internete naudodami „NodeMCU“, „MySQL“, PHP ir „Chartjs.org“
Prisijunkite prie duomenų ir nubraižykite grafiką internete naudodami „NodeMCU“, „MySQL“, PHP ir „Chartjs.org“
Prisijunkite prie duomenų ir nubraižykite grafiką internete naudodami „NodeMCU“, „MySQL“, PHP ir „Chartjs.org“
Prisijunkite prie duomenų ir nubraižykite grafiką internete naudodami „NodeMCU“, „MySQL“, PHP ir „Chartjs.org“

Šioje instrukcijoje aprašoma, kaip galime naudoti „Node MCU“plokštę duomenims iš kelių jutiklių rinkti, nusiųsti šiuos duomenis į priglobtą PHP failą, kuris tada prideda duomenis prie „MySQL“duomenų bazės. Tada duomenis galima peržiūrėti internete kaip diagramą, naudojant chart.js.

Šiam projektui reikės pagrindinių žinių apie PHP ir „MySQL“, ir jums reikės prieigos prie žiniatinklio prieglobos, kad galėtumėte jas kurti ir peržiūrėti. Taip pat darau prielaidą, kad turite pagrindinių žinių apie „Node MCU“plokštės naudojimą ir eskizų įkėlimą į ją. (Tam naudoju „Arduino IDE“)

1 žingsnis: sukurkite grandinę

Grandinės kūrimas
Grandinės kūrimas
Grandinės kūrimas
Grandinės kūrimas
Grandinės kūrimas
Grandinės kūrimas

Kadangi „Node MCU“turi tik vieną analoginį kaištį, mes naudosime multipleksavimą, kad galėtume nuskaityti duomenis iš kelių jutiklių. (Daugelis instrukcijų išsamiau apibūdina šią sąvoką, todėl čia nesigilinu). Šiame pavyzdyje aš naudoju du jutiklius (šviesos ir temperatūros), bet jūs galite juos pakeisti į bet ką ir, jei reikia, pridėti daugiau jutiklių. Turiu naudoti šviesai jautrų rezistorių, termistorių, du lyginamuosius diodus, 330 omų rezistorių ir 10K rezistorių bei keletą trumpiklių. Pridedama „Fritzing“diagrama rodo, kaip jie visi yra prijungti prie duonos lentos.

2 veiksmas: redaguokite ir įkelkite eskizą į mazgo MCU

Naudokite šį pridėtą.ino failą. Turėsite jį redaguoti naudodami savo „WiFi“tinklo pavadinimą ir slaptažodį, kad mazgas MCU galėtų prisijungti prie jūsų tinklo.

Šio eskizo apačioje eilutė „uždelsimas (60000);“suteikia minutės pertrauką tarp jutiklių rodmenų, tačiau tai galima reguliuoti pagal jūsų poreikius. Vis dėlto rekomenduočiau palikti bent 10 sekundžių, kad kiekvieną kartą būtų galima prisijungti prie failo „updater.php“.

Taip pat turėsite redaguoti kelią, kuriame talpinsite du.php failus ir du reikalingus „JavaScript“failus. Galite juos atsisiųsti kitame žingsnyje.

3 veiksmas: duomenų bazė ir žiniatinklio failai

Sukurkite „MySql“duomenų bazę. Sukurkite lentelę „temp_light“(galite tai pakeisti, bet turėsite redaguoti du „php“failus, kad jie atspindėtų jūsų atliktus pakeitimus). Lentelėje nurodykite keturis laukus. Pagrindinis automatinio didinimo laukas. Sveikojo skaičiaus laukas, vadinamas „temp“, sveikas skaičius, vadinamas šviesa, ir laukas, pavadintas „date_time“, kuris bus laiko žymė ir numatytoji vertė „CURRENT_TIMESTAMP“

Dabar atsisiųskite pridėtą.zip failą ir išpakuokite. Taip gausite du php failus ir aplanką „scenarijai“, kuriame yra.js failų, kuriuos gavau iš chartjs.org. Dviejų.js failų nereikia redaguoti, o aplankas „scenarijai“turi būti priglobtas toje pačioje vietoje, kur yra jūsų du php failai. abu php failai turės būti redaguoti naudojant jūsų duomenų bazės pavadinimą, slaptažodį ir pagrindinio kompiuterio IP. adresu.

Faile index.php pamatysite 50 eilutę: $ Adjust_temp = ($ temp*0.0623);

Šis skaičiavimas yra skirtas temperatūros rodmeniui paversti kuo arčiau Celsijaus laipsnių, ir jis buvo gautas bandymų ir klaidų būdu ir beveik neabejotinai turės būti pakeistas taip, kad atitiktų jūsų temperatūros jutiklį.

Dabar priglobkite ir php failus, ir aplanką „scenarijai“, kuriame yra du.js failai, visi kartu tame pačiame kataloge. Naršykite tą katalogą ir turėtumėte pamatyti savo grafiką su duomenimis, atsiųstais iš „Node MCU“plokštės.

4 žingsnis: baigtas rezultatas

Iš pradžių sukūriau šį projektą maždaug prieš dvejus metus, bet iki šiol niekada nesugebėjau parašyti instrukcijos. Mano testo sukurtą grafiką galite pamatyti čia:

Didelis diagramos smaigalys yra vieta, kur saulė pro langą švietė į du jutiklius, o lėtas nuosmukis vėl buvo, kai saulė pamažu išėjo iš akių.

Rekomenduojamas: