Zaznamenajte údaje a vytvorte graf online pomocou NodeMCU, MySQL, PHP a Chartjs.org: 4 kroky

2024 Autor: John Day | [email protected]. Naposledy zmenené: 2024-01-30 11:59

Tento návod popisuje, ako môžeme použiť dosku Node MCU na zhromažďovanie údajov z viacerých senzorov a odosielanie týchto údajov do hosteného súboru PHP, ktorý potom údaje pridá do databázy MySQL. Údaje je potom možné zobraziť online ako graf pomocou súboru chart.js.

Pre tento projekt budú potrebné základné znalosti PHP a MySQL a budete potrebovať prístup k webhostingu s týmito nastaveniami, aby ste mohli vytvárať a zobrazovať svoje vlastné grafy. Predpokladám tiež, že máte základné znalosti používania dosky Node MCU a nahrávania náčrtov na ňu. (Na to používam IDE Arduino)

Krok 1: Budovanie obvodu

Pretože uzol MCU má iba jeden analógový kolík, použijeme multiplexovanie, aby sme mohli čítať údaje z viacerých senzorov. (Niekoľko inštrukcií sa tomuto konceptu podrobnejšie venuje, takže sa tu nebudem zaoberať). V tomto prípade som použil dva senzory (pre svetlo a teplotu), ale môžete ich zmeniť na ľubovoľné a v prípade potreby pridať ďalšie senzory. Použil som svetlocitlivý odpor, termistor, dve usmerňovacie diódy, odpor 330 ohmov a odpor 10K a niekoľko prepojovacích káblov. Priložený Fritzingov diagram ukazuje, ako sú všetky prepojené na doske.

Krok 2: Upravte a nahrajte skicu do uzla MCU

Použite tento priložený súbor.ino. Budete to musieť upraviť pomocou názvu a hesla vlastnej siete WiFi, aby sa uzol MCU mohol pripojiť k vašej vlastnej sieti.

V spodnej časti tohto náčrtu je riadok „oneskorenie (60 000);“poskytuje minútové oneskorenie medzi hodnotami senzorov, ale toto je možné prispôsobiť vašim požiadavkám. Odporúčam však nechať aspoň 10 sekúnd, aby sa umožnilo pripojenie k súboru „updater.php“vždy.

Budete tiež musieť upraviť cestu k miestu, kde budete hostovať dva požadované súbory.php a dva súbory javascript. Tieto si môžete stiahnuť v nasledujúcom kroku.

Krok 3: Databáza a webové súbory

Vytvorte svoju databázu MySql. Vytvorte tabuľku s názvom „temp_light“(môžete to zmeniť, ale bude potrebné upraviť dva súbory php, aby odrážali všetky zmeny, ktoré vykonáte). Tabuľke dajte štyri polia. Pole primárneho automatického prírastku. Celočíselné pole s názvom „temp“, celočíselné pole s názvom „light“a pole s názvom „date_time“, ktoré bude časovou pečiatkou a predvolenou hodnotou „CURRENT_TIMESTAMP“

Teraz si stiahnite priložený súbor.zip a rozbaľte ho. Získate tak dva súbory php a priečinok s názvom „skripty“, ktorý obsahuje súbory.js, ktoré som získal z chartjs.org. Dva súbory.js nie je potrebné upravovať a priečinok „skripty“by mal byť hostiteľom na rovnakom mieste ako vaše dva súbory php. oba súbory php bude potrebné upraviť pomocou vlastného názvu databázy, hesla a hostiteľa I. P. adresa.

V súbore index.php uvidíte riadok 50: $ adjust_temp = ($ temp*0,0623);

Tento výpočet má previesť odčítanie teploty na čo najbližšie stupne Celzia a boli dosiahnuté pokusom a omylom a takmer určite bude potrebné ich zmeniť tak, aby vyhovovali vášmu vlastnému snímaču teploty.

Teraz hostte súbory php aj priečinok „skripty“obsahujúci dva súbory.js spoločne v jednom adresári. Prejdite do tohto adresára a mali by ste vidieť svoj vlastný graf s údajmi odoslanými z dosky Node MCU.

Krok 4: Hotový výsledok

Pôvodne som tento projekt urobil asi pred dvoma rokmi, ale doteraz som sa k tomu nedostal. Graf vytvorený mojím testom si môžete pozrieť tu:

Veľký bod v grafe je miesto, kde slnko svietilo cez okno na dva senzory a opäť pomaly klesal, pretože slnko pomaly zmizlo z dohľadu.