Съдържание:

Бутон IoT, който контролира вашето приложение: 6 стъпки
Бутон IoT, който контролира вашето приложение: 6 стъпки

Видео: Бутон IoT, който контролира вашето приложение: 6 стъпки

Видео: Бутон IoT, който контролира вашето приложение: 6 стъпки
Видео: Как отслеживать и контролировать ESP32 из любой точки мира с помощью RemoteXY IoT Cloud 2024, Юли
Anonim
Image
Image
Подготовка на вашия съвет за AppShed IoT
Подготовка на вашия съвет за AppShed IoT

От appshedAppShedFollow Още от автора:

Подготовка на вашия съвет за AppShed IoT
Подготовка на вашия съвет за AppShed IoT
Конструктор на JavaScript и приложения: Урок 1
Конструктор на JavaScript и приложения: Урок 1
Конструктор на JavaScript и приложения: Урок 1
Конструктор на JavaScript и приложения: Урок 1
Създаване на мобилна игра без кодиране
Създаване на мобилна игра без кодиране
Създаване на мобилна игра без кодиране
Създаване на мобилна игра без кодиране

Всичко за: Appshed е образователна платформа, където учениците и учителите могат да научат изграждането на приложения, създаването на игри и IoT/роботиката. Повече за appshed »

Едно от нещата, които най -много харесвам при микроконтролерите, е възможността да ги използвам като устройство за въвеждане, например, Arduino Micro може да се използва като HID (устройство за човешки интерфейс), което означава, че с известно кодиране и ноу -хау можете да направите своя собствена клавиатура или мишка от Arduino! Това ме накара да се замисля как да използвам IoT устройство като вход за управление на нещата в приложение. Така че в този проект ще разгледаме как да направим бутон, свързан с приложение, който може да бъде програмиран да прави почти всичко в нашето приложение.

Стъпка 1: Инсталиране на библиотеки

За да качим нашия код, ще използваме много популярната IDE на Arduino, която може да бъде изтеглена тук. Сега, тъй като ще използваме уебсайта AppShed, за да контролираме и редактираме начина на работа на дъската, не е нужно да се фокусираме върху действителния код, влизащ в дъската. Кодът, който качваме, е главната скица на AppShed, която позволява на уебсайта да контролира всички пинове на дъската.

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

  • Стартирайте Arduino IDE
  • Придвижете се до Файл и щракнете върху Предпочитания
  • В долната част трябва да видите „допълнителни URL адреси на мениджъра на дъските“, последвани от празно място
  • Копирайте и поставете това на празното място

Сега трябва да инсталираме дъските под управителя на борда.

  • Придвижете се до Tools, след това Board и след това Щракнете върху Board Manager
  • Сега в лентата за търсене потърсете ESP8266
  • Щракнете върху първата опция и щракнете върху Инсталиране

Сега нашият борд може да комуникира с Arduino IDE

Стъпка 2: Качване на кода

Качване на кода
Качване на кода

Така че на този етап сме изтеглили библиотеките, които са необходими, за да помогнем на Arduino IDE да комуникира с нашата IoT платка, и сме изтеглили библиотеките, които позволяват изпълнението на главната скица на AppShed. Сега всичко, което трябва да направим, е да променим името и паролата на вашето IoT устройство в кода, ако не го направите, името на wifi на вашите IoT устройства ще бъде „Your_device_name_here“.

За да направим това, се нуждаем от следното:

  • Включете вашата IoT платка в компютъра
  • Изтеглете и отворете главната скица на Appshed (която можете да намерите тук)
  • Придвижете се до инструментите и кликнете върху него
  • Превъртете надолу, докато видите дъската си, след това щракнете върху нея (използвам NodeMCU, така че ще щракна върху NodeMCU)
  • Сега се върнете към инструментите и кликнете върху порта, оттук трябва да видите дъската си (трябва да изглежда така "com 9", ако сте на windows и "/dev/cu.wchusbserial1410 'за mac)
  • Щракнете върху страничната стрелка, за да качите и изчакайте, докато го направи.

Ако получите съобщение след около 2 - 3 минути, което казва, че качването е приключило, тогава всичко работи перфектно! За да проверим отново дали нашата платка работи, можем също да отидем на нашата WiFi настройка и да потърсим името, което сме дали на дъската по-рано, ако е там, тя работи.

Стъпка 3: Настройване на приложението

Настройване на приложението
Настройване на приложението
Настройване на приложението
Настройване на приложението
Настройване на приложението
Настройване на приложението

Създаването на приложение, което получава данни от външна платка за IoT, може да изглежда доста страшно, ако не сте професионален разработчик на приложения, но това не е проблем, защото ще използваме информационната структура на AppSheds, за да направим нашето приложение, което го прави наистина лесно.

Трябва да започнем, като отидем в AppShed и или да направим безплатен акаунт, или да влезем в съществуващ. От тук трябва да видите двете опции IoT Builder или App Builder, ще започнем, като кликнете върху IoT Builder, тъй като това ще ни позволи да зададем кои пинове искаме да действаме като изходи или входове. След като страницата се зареди, щракнете върху New IoT Project и дайте име на входа на платката и щракнете върху save.

Сега, тъй като искаме да зададем един от щифтовете като вход, за да видим кога бутонът е натиснат, трябва да започнем, като кликнете върху иконата на бутона под Цифрови входове и след това щракнете върху Пин 1, за да ги свържете, след което му дайте име като " бутон "и щракнете върху запазване.

Сега ще преминем към нещата, свързани с изграждането на приложения.

Стъпка 4: Създаване на приложението

Създаване на приложението
Създаване на приложението
Създаване на приложението
Създаване на приложението

Сега се връщаме към тази целева страница след влизане и този път кликваме върху App Builder. Трябва да ви бъде представен симулиран телефон, трябва да започнем, като кликнете върху бутона плюс, за да стартирате ново приложение. След като се зареди, абсолютно първото нещо, което трябва да направим, е да свържем тази Интернет платка, която току -що направихме, с нашето приложение. Сега, когато дъската е заредена, можем да започнем да добавяме функции към приложението.

Започваме, като щракнем върху полето за въвеждане под формуляри и го заглавяваме Button State. След това трябва да го кръстим бутон, това е важно, защото по -рано кръстихме бутон едно, така че именуването му на бутон помага да се свържат тези две неща заедно. Сега просто кликваме запазване и приложението е готово!

Стъпка 5: Публикуване и тестване

Публикуване и тестване
Публикуване и тестване

Сега, когато е създадено супер базово приложение, трябва да го публикуваме и да го получим на телефона си. Правим това, като кликнете върху бутона за публикуване, след като приключим, трябва да преминем към раздела за споделяне и да кликнете върху QR кода, който след това ще ви представи QR код, който можете да сканирате с телефона си.

След като това уеб приложение се зареди, трябваше да свържем телефона си с нашите устройства за интернет на Wi-Fi, което правим, като се насочим към настройката за WiFi на телефона си и след това се свържем с името на устройството, което му дадохме по-рано.

Сега можем да се върнем към приложението и да натиснем бутона на нашите IoT устройства, трябва да видите 1, когато бутонът е натиснат, и 0, когато бутонът не е натиснат. Ако не виждате никаква стойност, опитайте да опресните страницата и трябва да видите изскачаща стойност.

Стъпка 6: По -нататък

Вземайки го по -нататък
Вземайки го по -нататък

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

Ако имате въпроси, моля, оставете ни коментар, благодаря за четенето!

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