Кнопка IoT для управления вашим приложением: 6 шагов

2025 Автор: John Day | [email protected]. Последнее изменение: 2025-01-23 15:05

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

О программе: Appshed - это образовательная платформа, на которой студенты и преподаватели могут изучать создание приложений, создание игр и Интернет вещей / робототехнику. Подробнее о приложении »

Одна из вещей, которые мне больше всего нравятся в микроконтроллерах, - это возможность использовать их в качестве устройства ввода, например, Arduino Micro можно использовать как HID (устройство с человеческим интерфейсом), что означает, что с некоторым кодированием и ноу-хау вы могли бы создать свою собственную клавиатуру. или мышь от Arduino! Это заставило меня задуматься об использовании устройства IoT в качестве входа для управления вещами в приложении. Итак, в этом проекте мы собираемся взглянуть на то, как сделать кнопку подключения приложения, которую можно запрограммировать на выполнение чего угодно в нашем приложении.

Шаг 1. Установка библиотек

Чтобы загрузить наш код, мы будем использовать очень популярную IDE Arduino, которую можно скачать здесь. Теперь, поскольку мы собираемся использовать веб-сайт AppShed для управления и редактирования работы доски, нам не нужно сосредотачиваться на фактическом коде, входящем в доску. Код, который мы загружаем, - это мастер-скетч AppShed, который позволяет веб-сайту контролировать все контакты на плате.

Теперь, чтобы иметь возможность загружать код на нашу плату через IDE Arduino, нам нужно установить ее библиотеку, которая позволяет IDE взаимодействовать с нашей конкретной платой. Это делается следующим образом:

• Запустите Arduino IDE.
• Перейдите в Файл и нажмите Настройки.
• Внизу вы должны увидеть «дополнительные URL-адреса менеджеров досок», за которыми следует пустое место.
• Скопируйте и вставьте это в пустое место

Теперь нам нужно установить платы под Board Manager.

• Перейдите в Инструменты, затем Доска, а затем нажмите на Менеджер доски.
• Теперь в строке поиска ищите ESP8266
• Нажмите на первый вариант и нажмите «Установить».

Теперь наша плата может взаимодействовать с Arduino IDE.

Шаг 2: загрузка кода

Итак, на этом этапе мы загрузили библиотеки, которые необходимы, чтобы помочь Arduino IDE взаимодействовать с нашей платой IoT, и мы загрузили библиотеки, которые позволяют запускать главный эскиз AppShed. Теперь все, что нам нужно сделать, это изменить имя и пароль вашего IoT-устройства в коде, если вы этого не сделаете, ваше имя Wi-Fi вашего 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, так как это позволит нам установить, какие контакты мы хотим действовать как выходы или входы. После загрузки страницы нажмите «Новый проект Интернета вещей», назовите вход платы и нажмите «Сохранить».

Теперь, поскольку мы хотим установить один из выводов в качестве входа, чтобы видеть, когда кнопка нажата, нам нужно начать, щелкнув значок кнопки под цифровыми входами, а затем щелкнув контакт 1, чтобы связать их вместе, а затем дать ему имя, например " кнопку "и нажмите" Сохранить ".

Теперь мы перейдем к созданию приложений.

Шаг 4: Создание приложения

Теперь мы вернемся на эту целевую страницу после входа в систему и на этот раз щелкнем по App Builder. Вам должен быть представлен смоделированный телефон, нам нужно начать с нажатия кнопки «плюс», чтобы запустить новое приложение. После того, как он загружен, первое, что нам нужно сделать, это привязать только что созданную доску IoT к нашему приложению. Мы делаем это, щелкая доску, а затем щелкая только что созданную доску, которую следует назвать вводом. Теперь, когда плата загружена, мы можем начать добавлять функции в приложение.

Мы начинаем с того, что нажимаем на поле ввода под формами и называем его «Состояние кнопки». Затем нам нужно назвать ее кнопкой, это важно, потому что мы назвали кнопку pin one ранее, поэтому присвоение ей имени button помогает связать эти две вещи вместе. Теперь мы просто нажимаем «Сохранить», и приложение готово!

Шаг 5. Публикация и тестирование

Теперь, когда супер базовое приложение создано, нам нужно опубликовать его и загрузить на свой телефон. Мы делаем это, нажимая кнопку публикации. Как только это будет завершено, нам нужно перейти на вкладку общего доступа и щелкнуть QR-код, который затем представит вам QR-код, который вы можете сканировать с помощью своего телефона.

После загрузки этого веб-приложения нам нужно было подключить наш телефон к нашим IoT-устройствам Wi-Fi, что мы делаем, перейдя к настройке Wi-Fi на вашем телефоне, а затем подключившись к имени устройства, которое мы дали ему ранее.

Теперь мы можем вернуться в приложение и нажать кнопку на наших устройствах IoT. Вы должны увидеть 1, когда кнопка нажата, и 0, когда кнопка не нажата. Если вы не видите никакого значения, попробуйте обновить страницу, и вы увидите всплывающее окно со значением.

Шаг 6: продвижение вперед

Да, видеть только 1 или 0 - это немного скучно, однако цель этого проекта - только показать вам, что возможно, ваша задача - пойти дальше и создать что-то действительно потрясающее. В качестве примера вы можете настроить приложение для запуска звука или воспроизведения видео (вот пример этого

Если у вас есть какие-либо вопросы, оставьте нам комментарий, спасибо за чтение!