Ma'lumotlarni kiriting va NodeMCU, MySQL, PHP va Chartjs.org yordamida Internetda grafik tuzing: 4 qadam

2024 Muallif: John Day | [email protected]. Oxirgi o'zgartirilgan: 2024-01-30 13:26

Ushbu yo'riqnomada biz bir nechta sensorlardan ma'lumotlarni yig'ish, bu ma'lumotlarni joylashtirilgan PHP fayliga yuborish, so'ngra ma'lumotlarni MySQL ma'lumotlar bazasiga qo'shish uchun MCU tugunli taxtasidan qanday foydalanishimiz mumkinligi tasvirlangan. Ma'lumotlarni chart.js yordamida onlaynda grafik sifatida ko'rish mumkin.

Ushbu loyiha uchun PHP va MySQL -ning asosiy bilimlari talab qilinadi va siz o'zingizning grafikalaringizni yaratish va ko'rish uchun veb -xostingga kirishingiz kerak bo'ladi. Men, shuningdek, siz Node MCU kartasini ishlatish va unga eskizlarni yuklash haqida asosiy ma'lumotga egasiz deb o'ylayman. (Buning uchun men Arduino IDE dan foydalanaman)

1 -qadam: O'chirish tizimini yaratish

Tugun MCU -da faqat bitta analog pin borligi uchun biz bir nechta sensorlardan ma'lumotlarni o'qish uchun multiplekslashdan foydalanamiz. (Bir qator ko'rsatmali ma'lumotlar bu kontseptsiyani batafsil yoritadi, shuning uchun men bu erda bu haqda gapirmayman). Bu misolda men ikkita sensordan (yorug'lik va harorat uchun) foydalandim, lekin siz ularni xohlaganingizga o'zgartirishingiz va kerak bo'lganda ko'proq sensor qo'shishingiz mumkin. Menda nur sezgir rezistor, termistor, ikkita tuzatuvchi diod, 330 ohmli rezistor va 10K qarshilik va bir nechta o'tish simlari bor. Qo'shilgan Fritzing diagrammasi, bularning barchasi non panelida qanday bog'langanligini ko'rsatadi.

2 -qadam: Eskizni MCU tuguniga tahrir qiling va yuklang

Bu biriktirilgan.ino faylidan foydalaning. Node MCU o'z tarmog'ingizga ulanishi uchun siz buni o'zingizning WiFi tarmoq nomi va parolingiz bilan o'zgartirishingiz kerak bo'ladi.

Bu eskizning pastki qismida 'kechikish (60000);' Sensor o'qishlari o'rtasida bir daqiqa kechikish beradi, lekin bu sizning talablaringizga moslashtirilishi mumkin. Har safar "updater.php" fayliga ulanish uchun kamida 10 soniya qoldirishni tavsiya qilaman.

Bundan tashqari, ikkita.php faylini va ikkita JavaScript faylini joylashtiradigan yo'lni o'zgartirishingiz kerak bo'ladi. Siz ularni keyingi bosqichda yuklab olishingiz mumkin.

3 -qadam: ma'lumotlar bazasi va veb -fayllar

MySql ma'lumotlar bazasini yarating. "Temp_light" deb nomlangan jadval yarating (siz buni o'zgartirishingiz mumkin, lekin siz kiritgan o'zgarishlarni aks ettirish uchun ikkita php faylini tahrir qilishingiz kerak bo'ladi). Jadvalga to'rtta maydonni bering. Avtomatik oshirishning asosiy maydoni. "Temp" deb nomlangan butun maydon, "yorug'lik" deb nomlangan butun maydon va "sana_vaqti" deb nomlangan maydon, bu vaqt belgisi va "CURRENT_TIMESTAMP" standart qiymati bo'ladi.

Endi biriktirilgan.zip faylini yuklab oling va oching. Bu sizga ikkita php -faylni va men grafikjs.org -dan olgan.js fayllarini o'z ichiga olgan "skriptlar" nomli papkani beradi. Ikkala.js faylini tahrir qilishning hojati yo'q va "skriptlar" papkasi sizning ikkita php faylingiz bilan bir joyda joylashtirilishi kerak. PHP -ning ikkita faylini shaxsiy ma'lumotlar bazasi nomi, parol va xost IP -lar bilan tahrir qilish kerak bo'ladi. manzil.

Index.php faylida siz 50 -qatorni ko'rasiz: $ adjusted_temp = ($ temp*0.0623);

Bu hisob -kitob, harorat ko'rsatkichini men mumkin bo'lgan darajaga yaqinlashtirish, shuning uchun men sinov darajasida va xato bilan kelganman va deyarli o'z harorat sensori uchun o'zgartirish kerak bo'ladi.

Endi PHP fayllarini va ikkita.js faylini o'z ichiga olgan "skriptlar" papkasini bitta katalogda joylashtiring. Ushbu katalogga o'ting va siz o'zingizning Node MCU kartangizdan yuborilgan ma'lumotlar bilan o'z grafikingizni ko'rishingiz kerak.

4 -qadam: Yakuniy natija

Men dastlab bu loyihani taxminan ikki yil oldin yaratganman, lekin shu paytgacha men hech qachon ko'rsatma yozishga ulgurmaganman. Siz mening testim yordamida tuzilgan grafikni bu erda ko'rishingiz mumkin:

Quyosh derazadan ikkita datchikka tushgan va sekin pasayish, quyosh asta -sekin ko'zdan g'oyib bo'lgandek, grafikdagi katta boshoq.