Înregistrați datele și trasați un grafic online folosind NodeMCU, MySQL, PHP și Chartjs.org: 4 pași

2024 Autor: John Day | [email protected]. Modificat ultima dată: 2024-01-30 11:44

Acest instructabil descrie modul în care putem utiliza placa MCU Node pentru a colecta date de la mai mulți senzori, pentru a trimite aceste date într-un fișier PHP găzduit, care apoi adaugă datele într-o bază de date MySQL. Datele pot fi apoi vizualizate online sub formă de grafic, utilizând chart.js.

O cunoaștere de bază a PHP și MySQL va fi necesară pentru acest proiect și veți avea nevoie de acces la găzduirea web cu aceste setări pentru a vă putea crea și vizualiza propriile grafice. Presupun, de asemenea, că aveți cunoștințe de bază despre utilizarea plăcii Node MCU și încărcarea schițelor pe ea. (Eu folosesc IDE-ul Arduino pentru asta)

Pasul 1: Construirea circuitului

Deoarece Node MCU are un singur pin analogic, vom folosi multiplexarea pentru a putea citi datele de la mai mulți senzori. (O serie de instrumente acoperă acest concept în detaliu, așa că nu voi intra în acest aspect aici). În acest exemplu, am folosit doi senzori (pentru lumină și temperatură), dar le puteți schimba în orice doriți și puteți adăuga mai mulți senzori, dacă este necesar. Am folosit un rezistor sensibil la lumină, un termistor, două diode rectificatoare, un rezistor de 330 ohmi și un rezistor de 10K și câteva fire jumper. Diagrama Fritzing atașată arată cum toate acestea sunt conectate pe panou.

Pasul 2: Editați și încărcați schița pe nod MCU

Utilizați acest fișier.ino atașat. Va trebui să editați acest lucru cu propriul nume de rețea WiFi și parolă, astfel încât MCU Node să se poată conecta la propria rețea.

În partea de jos a acestei schițe linia „întârziere (60000);” oferă o minută de întârziere între citirile senzorului, dar aceasta poate fi ajustată pentru a se potrivi propriilor cerințe. Aș recomanda să lăsați cel puțin 10 secunde pentru a permite conectarea la fișierul „updater.php” de fiecare dată.

De asemenea, va trebui să editați calea către care veți găzdui cele două fișiere.php și cele două fișiere javascript care sunt necesare. Puteți să le descărcați în pasul următor.

Pasul 3: Baza de date și fișiere web

Creați-vă baza de date MySql. Creați un tabel numit „temp_light” (puteți schimba acest lucru, dar va trebui să editați cele două fișiere php pentru a reflecta modificările pe care le faceți). Dați tabelului patru câmpuri. Un câmp primar de incrementare automată. Un câmp întreg numit „temp”, un câmp întreg numit „lumină” și un câmp numit „dată_ora”, care va fi un timestamp și valoarea implicită „CURRENT_TIMESTAMP”

Acum descărcați fișierul.zip atașat și despachetați-l. Acest lucru vă va oferi două fișiere php și un folder numit „scripturi” care conține fișiere.js pe care le-am primit de la chartjs.org. Cele două fișiere.js nu trebuie editate, iar folderul „scripturi” ar trebui găzduit în aceeași locație cu cele două fișiere php. cele două fișiere php vor trebui modificate ambele cu propriul nume de bază de date, parolă și gazdă I. P. abordare.

În fișierul index.php veți vedea linia 50: $ fixed_temp = ($ temp * 0.0623);

Acest calcul este pentru a converti citirea temperaturii la cât de aproape am putut obține grade centigrade și a fost ajuns la încercare și eroare și aproape sigur va trebui să fie modificat pentru a se potrivi propriului senzor de temperatură.

Acum găzduiți atât fișierele php, cât și folderul „scripturi” care conțin cele două fișiere.js toate împreună în același director. Navigați la acel director și ar trebui să vă vedeți propriul grafic cu datele trimise de pe placa dvs. Node MCU.

Pasul 4: Rezultatul finalizat

Am realizat inițial acest proiect în urmă cu doi ani, dar nu m-am apucat niciodată să scriu un instructable pentru el până acum. Puteți vedea graficul creat de testul meu aici:

Spike-ul mare din grafic este locul în care soarele strălucea prin fereastră pe cei doi senzori, iar declinul lent a fost din nou în timp ce soarele a ieșit încet din vedere.