Logga data och rita en graf online med hjälp av NodeMCU, MySQL, PHP och Chartjs.org: 4 steg

2024 Författare: John Day | [email protected]. Senast ändrad: 2024-01-30 12:45

Denna instruktionsbok beskriver hur vi kan använda Node MCU -kortet för att samla in data från flera sensorer, skicka dessa data till en värd PHP -fil som sedan lägger till data till en MySQL -databas. Data kan sedan ses online som en graf, med hjälp av chart.js.

En grundläggande kunskap om PHP och MySQL kommer att krävas för detta projekt och du behöver tillgång till webbhotell med dessa inställningar för att kunna skapa och visa dina egna grafer. Jag antar också att du har grundläggande kunskaper om att använda Node MCU -kortet och ladda upp skisser till det. (Jag använder Arduino IDE för detta)

Steg 1: Bygg kretsen

Eftersom Node MCU bara har en analog pin kommer vi att använda multiplexering för att kunna läsa data från flera sensorer. (Ett antal instruktioner täcker detta koncept mer detaljerat så jag kommer inte att gå in på det här). I det här exemplet har jag använt två sensorer (för ljus och temperatur) men du kan ändra dessa till vad du vill och lägga till fler sensorer om det behövs. Jag har använt ett ljuskänsligt motstånd, en termistor, två likriktardioder, ett 330 ohm motstånd och ett 10K motstånd och några bygelkablar. Det bifogade Fritzing -diagrammet visar hur dessa alla är anslutna på panelen.

Steg 2: Redigera och ladda upp Sketch to Node MCU

Använd denna bifogade.ino -fil. Du måste redigera detta med ditt eget WiFi -nätverksnamn och lösenord så att Node MCU kan ansluta till ditt eget nätverk.

Längst ner i denna skiss raden 'fördröjning (60000);' ger en minuts fördröjning mellan sensoravläsningarna men detta kan justeras för att passa dina egna krav. Jag skulle rekommendera att du lämnar minst 10 sekunder för att möjliggöra anslutning till filen 'updater.php' varje gång.

Du måste också redigera sökvägen till var du kommer att vara värd för de två.php -filerna och de två javascript -filer som krävs. Du kan ladda ner dessa i nästa steg.

Steg 3: Databas och webbfiler

Skapa din MySql -databas. Skapa en tabell som heter 'temp_light' (du kan ändra detta men måste redigera de två php -filerna för att återspegla eventuella ändringar du gör). Ge tabellen fyra fält. Ett primärt automatiskt ökningsfält. Ett heltalsfält som heter 'temp', ett heltalsfält som heter 'light' och ett fält som heter 'date_time' som kommer att vara en tidsstämpel och standardvärde 'CURRENT_TIMESTAMP'

Ladda nu ner den bifogade zip -filen och packa upp den. Detta ger dig två php -filer och en mapp som heter 'script' som innehåller.js -filer som jag fick från chartjs.org. De två.js -filerna behöver inte redigeras och mappen "skript" ska vara på samma plats som dina två php -filer. de två php -filerna måste båda redigeras med ditt eget databsnamn, lösenord och värd -I. P. adress.

I index.php -filen ser du rad 50: $ justerad_temp = ($ temp*0,0623);

Denna beräkning är att konvertera avläsningen för temperaturen till så nära som jag kunde få grader Celsius och kom fram till med försök och fel och måste nästan säkert ändras för att passa din egen temperatursensor.

Värd nu både php -filer och mappen 'script' som innehåller de två.js -filerna tillsammans i samma katalog. Bläddra till den katalogen och du bör se din egen graf med data som skickas från ditt Node MCU -kort.

Steg 4: Det färdiga resultatet

Jag gjorde ursprungligen detta projekt för ungefär två år sedan men hade aldrig kommit på att skriva en instruerbar för det förrän nu. Du kan se grafen som skapades av mitt test här:

Den stora spiken i grafen är där solen lyste genom fönstret mot de två sensorerna och den långsamma nedgången igen var när solen långsamt gick ur sikte.