Съдържание:

Регистрирайте данни и начертайте графика онлайн, използвайки NodeMCU, MySQL, PHP и Chartjs.org: 4 стъпки
Регистрирайте данни и начертайте графика онлайн, използвайки NodeMCU, MySQL, PHP и Chartjs.org: 4 стъпки

Видео: Регистрирайте данни и начертайте графика онлайн, използвайки NodeMCU, MySQL, PHP и Chartjs.org: 4 стъпки

Видео: Регистрирайте данни и начертайте графика онлайн, използвайки NodeMCU, MySQL, PHP и Chartjs.org: 4 стъпки
Видео: ОБЗОР REDMI NOTE 10 PRO + ТЕСТЫ 📶 2024, Юли
Anonim
Регистрирайте данни и начертайте графика онлайн, използвайки NodeMCU, MySQL, PHP и Chartjs.org
Регистрирайте данни и начертайте графика онлайн, използвайки NodeMCU, MySQL, PHP и Chartjs.org
Регистрирайте данни и начертайте графика онлайн, използвайки NodeMCU, MySQL, PHP и Chartjs.org
Регистрирайте данни и начертайте графика онлайн, използвайки NodeMCU, MySQL, PHP и Chartjs.org

Тази инструкция описва как можем да използваме Node MCU платката за събиране на данни от множество сензори, изпращане на тези данни до хостван PHP файл, който след това добавя данните към MySQL база данни. След това данните могат да се разглеждат онлайн като графика, като се използва chart.js.

За този проект ще са необходими основни познания по PHP и MySQL и ще ви е необходим достъп до уеб хостинг с тези настройки, за да можете да създавате и преглеждате свои собствени графики. Предполагам също, че имате основни познания за използване на Node MCU платката и качване на скици към нея. (Използвам Arduino IDE за това)

Стъпка 1: Изграждане на веригата

Изграждане на веригата
Изграждане на веригата
Изграждане на веригата
Изграждане на веригата
Изграждане на веригата
Изграждане на веригата

Тъй като Node MCU има само един аналогов щифт, ще използваме мултиплексиране, за да можем да четем данни от множество сензори. (Редица инструкции обхващат тази концепция по -подробно, така че няма да навлизам в това тук). В този пример използвах два сензора (за светлина и температура), но можете да ги промените на каквото искате и да добавите още сензори, ако е необходимо. Използвах светлочувствителен резистор, термистор, два токоизправителни диода, резистор от 330 ома и 10K резистор и няколко джъмперни проводника. Приложената диаграма на Fritzing показва как всички те са свързани на макета.

Стъпка 2: Редактирайте и качете скицата в MCU на възел

Използвайте този прикачен.ino файл. Ще трябва да редактирате това със собствено име и парола за WiFi мрежа, така че MCU на Node да може да се свърже с вашата собствена мрежа.

В долната част на тази скица редът „забавяне (60000);“дава минутно закъснение между показанията на сензора, но това може да се регулира според вашите собствени изисквания. Бих препоръчал да оставяте поне 10 секунди, за да позволите връзка с файла „updater.php“всеки път.

Ще трябва също да редактирате пътя до мястото, където ще хоствате двата.php файла и двата javascript файла, които са необходими. Можете да ги изтеглите в следващата стъпка.

Стъпка 3: База данни и уеб файлове

Създайте своя база данни MySql. Създайте таблица, наречена „temp_light“(можете да промените това, но ще трябва да редактирате двата php файла, за да отразяват всички направени от вас промени). Дайте на таблицата четири полета. Основно поле за автоматично увеличаване. Целочислено поле, наречено „temp“, цяло число, наречено „light“и поле, наречено „date_time“, което ще бъде времева отметка и стойност по подразбиране „CURRENT_TIMESTAMP“

Сега изтеглете прикачения.zip файл и го разопаковайте. Това ще ви даде два php файла и папка, наречена „скриптове“, която съдържа.js файлове, които получих от chartjs.org. Двата.js файла не е необходимо да се редактират и папката 'scripts' трябва да се хоства на същото място като вашите два php файла. двата php файла ще трябва да бъдат редактирани с вашето собствено име на база данни, парола и хост I. P. адрес.

Във файла index.php ще видите ред 50: $ Adjust_temp = ($ temp*0.0623);

Това изчисление има за цел да преобразува отчитането на температурата до възможно най -близко до градуса по Целзий и беше достигнато чрез опити и грешки и почти сигурно ще трябва да бъде променено, за да отговаря на вашия собствен температурен сензор.

Сега хоствайте както php файловете, така и папката „scripts“, съдържаща двата.js файла заедно в една и съща директория. Прегледайте тази директория и трябва да видите своя собствена графика с данните, изпратени от вашата Node MCU платка.

Стъпка 4: Готовият резултат

Първоначално направих този проект преди около две години, но никога не бях успял да напиша инструкции за него досега. Можете да видите графиката, създадена от моя тест тук:

Големият скок в графиката е мястото, където слънцето грееше през прозореца към двата сензора и бавният спад отново беше, когато слънцето бавно излезе от полезрението.

Препоръчано: