Оглавление:

Пользовательский интерфейс для MicroPython: 9 шагов
Пользовательский интерфейс для MicroPython: 9 шагов

Видео: Пользовательский интерфейс для MicroPython: 9 шагов

Видео: Пользовательский интерфейс для MicroPython: 9 шагов
Видео: Веб интерфейс для ESP8266 и ESP32 | JeeUI Framework 2024, Июль
Anonim
Пользовательский интерфейс для MicroPython
Пользовательский интерфейс для MicroPython

Недавно приобрел плату esp8266 и установил на нее MicroPython. Им можно управлять, набрав команду или загрузив в нее код Python.

Для установки MicroPython на esp8266, пожалуйста, проверьте https://MicroPython.org/download/#esp8266 или

Код Python:

время импорта

из машины импортный Пин

led = Pin (2, Pin. OUT) // Контакт 2 - светодиод на плате.

led.off ()

led.on ()

Другая версия MicroPython, код может другой.

Очень здорово набирать команду для управления esp8266, но все равно неудобно для пользователя. Как веб-программист, мне нравится создавать интерфейс с помощью html и JavaScript.

Я нашел пользовательский интерфейс OGT для Android-приложения. Это гибридное приложение. вы можете создать графический интерфейс с помощью HTML и JavaScript. Он имитирует терминал, получает все текстовые сообщения от MicroPython и фильтрует их, отправляя только полезную информацию обратно в JavaScript. С помощью JavaScript вы можете очень легко обработать результат.

Пользовательский интерфейс OGT поставляется с демонстрационным пользовательским интерфейсом. Для тестирования вам необходимо загрузить демонстрационный код Python и поместить его в MicroPython.

Шаг 1. Установите OTG UI

Установите OTG UI
Установите OTG UI
Установите OTG UI
Установите OTG UI

Зайдите в Google Play и найдите «otg ui». Установите его. Для этого потребуются некоторые разрешения.

Шаг 2: Загрузите Main.zip

Скачать Main.zip
Скачать Main.zip

Перейдите на https://www.otgui.com/home?mc=download и загрузите main.py.

Шаг 3. Загрузите Main.py на свой MicroPython

Загрузите Main.py на свой MicroPython
Загрузите Main.py на свой MicroPython

Загрузите main.py на свой MicroPython командой:

ampy --port com5 поставить main.py

Вы можете проверить это с помощью замазки и убедиться, что код работает.

Шаг 4. Подключите Esp8266 к вашему телефону Android через адаптер OTG

Подключите Esp8266 к вашему телефону Android через адаптер OTG
Подключите Esp8266 к вашему телефону Android через адаптер OTG
Подключите Esp8266 к вашему телефону Android через адаптер OTG
Подключите Esp8266 к вашему телефону Android через адаптер OTG

Впервые откроется диалоговое окно, установите флажок и нажмите кнопку «ОК». Затем появится демонстрационный интерфейс. Вы можете нажать кнопку переключателя, чтобы включить / выключить светодиод.

Шаг 5. Создайте свой пользовательский интерфейс

Для создания пользовательского интерфейса вам необходимо зарегистрировать учетную запись и загрузить тестовый инструмент.

Шаг 6: Зарегистрируйте учетную запись

Зарегистрировать аккаунт
Зарегистрировать аккаунт
Зарегистрировать аккаунт
Зарегистрировать аккаунт

Перейдите на сайт www.otgui.com и нажмите «Мои интерфейсы». отобразится страница входа в систему, нажмите «Зарегистрироваться». Заполните всю информацию и нажмите

нажмите «Зарегистрироваться».

Теперь вы можете войти в систему со своей учетной записью, а пароль по умолчанию - «123456», вы можете изменить его позже.

Шаг 7. Создайте новый интерфейс

Создать новый интерфейс
Создать новый интерфейс

После входа в систему нажмите «Текстовые интерфейсы». он покажет все ваши пользовательские интерфейсы.

  • Нажмите кнопку "Добавить".
  • Введите всю информацию.
  • Нажмите кнопку "Сохранить".
  • Он создаст новый пользовательский интерфейс с некоторым кодом в нем.
  • Отредактируйте код.

Шаг 8. Протестируйте пользовательский интерфейс

Протестируйте пользовательский интерфейс
Протестируйте пользовательский интерфейс

Щелкните Предварительный просмотр, чтобы увидеть результат.

Шаг 9. Загрузите пользовательский интерфейс на Android

Загрузите пользовательский интерфейс на свой Android
Загрузите пользовательский интерфейс на свой Android
Загрузите пользовательский интерфейс на свой Android
Загрузите пользовательский интерфейс на свой Android

Найдите код приложения на странице сведений о пользовательском интерфейсе. Затем откройте браузер на своем Android-устройстве и введите «https:// localhost: 8889».

Введите код приложения и нажмите кнопку «Сохранить». Перезапустите приложение OTG UI.

Он загрузит пользовательский интерфейс на ваш Android.

Рекомендуемые: