Управлявайте устройствата през интернет чрез браузър. (IoT): 6 стъпки

2024 Автор: John Day | [email protected]. Последно модифициран: 2024-01-30 07:52

В тази инструкция ще ви покажа как можете да управлявате устройства като светодиоди, релета, двигатели и др. През интернет чрез уеб браузър. И можете да получите сигурен достъп до контролите на всяко устройство. Уеб платформата, която използвах тук, е RemoteMe.org, посетете страницата, за да научите повече за нея.

Не забравяйте да се обърнете към изображения, които ще ви помогнат да разберете по -добре процеса.

Така че нека започнем.

Стъпка 1: Нещата, от които се нуждаете:-

За този проект ще ви трябва:-

1. ESP8266 (NodeMCU) Връзка за USLink за Европа
2. LEDLink за USLink за Европа
3. Натиснете ButtonLink за USLink за Европа
4. Breadboard. Link за USLink за Европа

Софтуер:-

1. Arduino IDE
2. Профил в RemoteMe.

Обърнете внимание, че можете да използвате Arduino или Raspberry-pi за проекта, ако нямате NodeMCU.

Стъпка 2: Настройка на Arduino IDE:-

Първо, за да работите с NodeMCU Esp8266, трябва да добавите дъските в IDE, ако още не сте го направили, вижте тази инструкция тук.

След като платките са достъпни в IDE, има някои библиотеки, необходими за този проект.

За да инсталирате тези библиотеки:-

Отворете IDE и отидете >> Sketch >> Include Library >> Manage Libraries. Трябва да се появи изскачащ прозорец. Тук ще търсите необходимите библиотеки

Списък на библиотеките:-

1. RBD_Timer.h
2. RBD_Button.h
3. RemoteMe.h
4. ESP8266WiFi.h
5. ESP8266WiFiMulti.h
6. ArduinoHttpClient.h

Инсталирайте ги един по един и рестартирайте IDE, когато приключите.

С това IDE е готов за употреба.

Стъпка 3: Настройка на страница на RemoteMe:-

За да използвате RemoteMe, първо трябва да се регистрирате, за да можете да създадете свои собствени уеб страници и да започнете да контролирате устройства.

Отидете на RemoteMe.org, кликнете върху „Приложение“, отидете на регистрация и въведете вашите данни и натиснете регистрация

Ще бъдете посрещнати със страница за добре дошли, Сега от лявата страна в менюто изберете „Устройства“

От дясната страна ще видите опция, наречена „Ново устройство“, Щракването върху нея ще ви даде падащо меню, Тук изберете „Нова уеб страница“

Сега дайте име и идентификатор на устройството, аз го нарекох „LED“и дадох ID на устройството „203“. (Идентификаторът на устройството е уникалният номер, който ще прави разлика между различните устройства.)

Уверете се, че превключвателят е настроен на „активен“и натиснете „изпрати“. На страницата ще се появи ново устройство с име LED с идентификатор на устройството 203. Сега изберете стрелката надолу от дясната страна на устройството и ще видите празен слот, където можете да създавате уеб страници

Отидете на тази страница на GitHub. Трябва да плъзнете три файла (index.html, scripts.js & styles.css) и да ги пуснете един по един в празния слот на вашето устройство и сте готови

Стъпка 4: Качване на код на MCU:-

По -долу съм предоставил кода, който ви е необходим, за да работи проектът.

Преди да можете да качите кода, трябва да направите някои малки промени в кода.

След като кодът е отворен в IDE, трябва да въведете вашето WiFi име и парола в необходимото поле, за да може платката да се свърже с вашата мрежа.

Направете промени в следната част от кода:-

#define WIFI_NAME "Въведете вашето WiFi име" #define WIFI_PASSWORD "Въведете паролата си за WiFi" #define DEVICE_ID 203 #define DEVICE_NAME "LED" #define TOKEN "Enter Authentication Token"

За да получите токен за удостоверяване Отидете на Remoteme.org >> Приложения >> Токени (В менюто отляво долу устройства)

Копирайте жетона и го поставете в кода.

Сега свържете вашия NodeMCU към вашия компютър, изберете правилния порт и качете кода.

Стъпка 5: Връзки:-

Следвайте снимката по-горе, за да направите връзки:-

Светодиодът е свързан към извод D5 на MCU.

Бутонът е свързан към Pin D2.

Използвайте последователно резистор със светодиод, за да предотвратите повреда на светодиода.

Стъпка 6: Тестване:-

Сега успешно завършихте проекта. Време е да тествате конструкцията.

Първо, за да проверите дали връзките са прави, Натиснете бутона и ще видите, че светодиодът се включва, Натискането на бутона отново ще изключи светодиода

Сега преминете към уебсайта на RemotMe и отворете приложението си. влезте с акаунта, с който сте влезли

Сега отидете на Устройства и изберете устройството, което току -що създадохте. Забележете символа на връзката за връзка от лявата страна, преди ID на устройството да стане зелен, което показва, че ESP платката е свързана към сървъра

Сега кликнете върху файла „index.html“и изберете „отвори в нов раздел“, в нов раздел ще се появи уеб страница с кръг. Можете да кликнете върху кръга, за да включите и изключите светодиода

За управление на вашия светодиод с помощта на смартфон. Отново отидете на страницата на устройството и кликнете върху „index.html“. Този път изберете последната опция „Получаване на анонимна връзка …“. Ще се появи изскачащ прозорец с връзка, която можете да отворите във всеки смартфон, за да контролирате светодиода, без да се налага да влизате всеки път

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

Проверете демонстрацията на видеото, за да видите как работи.

Надявам се проектът да ви хареса, ако имате въпроси, не се колебайте да зададете в коментарите.

Благодаря ти.