Моё первое приложение для Android без программирования — MIT App Inventor + Arduino

За 15 минут создаём полноценное Android-приложение для управления RGB-светодиодом через Wi-Fi. Никакого кода — только перетаскиваем блоки и кнопки! Получаем красивые цветные кнопки, работу через браузер и телефон, готовый APK-файл для установки. Идеальный старт для всех, кто хочет свои приложения под Arduino/ESP8266.

Первое приложение Android MIT App Inventor Arduino RGB

Что мы получим

  • Красивое приложение с 6 кнопками (R, G, B + выключение каждого цвета)
  • Управление RGB-светодиодом через Wi-Fi (ESP8266/NodeMCU)
  • Работает и в браузере, и в установленном приложении
  • Готовый APK + исходник проекта MIT App Inventor
  • Фон, иконка и текст — всё настраивается за минуту

Пошаговое создание приложения

1. Регистрируемся на appinventor.mit.edu

Вход через Google-аккаунт → «Start new project» → называем RGB

2. Дизайн экрана

  1. Добавляем 3 HorizontalArrangement
  2. В каждый кладём по 2 кнопки (цветная + чёрная)
  3. Загружаем свои картинки кнопок (в архиве)
  4. Меняем фон экрана и иконку приложения

3. Добавляем компонент Web (для отправки GET-запросов)

4. Переходим в Blocks и собираем логику

Для каждой кнопки:

при нажатии ButtonRed → Web1.Url = "http://192.168.4.1/red_on"

Аналогично для всех цветов и выключения

5. Компилируем и устанавливаем

  • Build → Save .apk to my computer
  • Или Build → QR-код → сканируем и ставим сразу на телефон

Скетч для ESP8266 (точка доступа)

#include <ESP8266WiFi.h>
#include <ESP8266WebServer.h>

ESP8266WebServer server(80);
const char* ssid = "RGB";
const char* password = "12345678";

int red = D5, green = D6, blue = D7;

void setup() {
  pinMode(red, OUTPUT); 
  pinMode(green, OUTPUT); 
  pinMode(blue, OUTPUT);

  WiFi.softAP(ssid, password);
  Serial.begin(115200);
  Serial.println("AP started");

  // Red
  server.on("/red_on",  [](){ digitalWrite(red, HIGH);  server.send(200, "text/plain", "Red ON"); });
  server.on("/red_off", [](){ digitalWrite(red, LOW);   server.send(200, "text/plain", "Red OFF"); });

  // Green
  server.on("/green_on",  [](){ digitalWrite(green, HIGH);  server.send(200, "text/plain", "Green ON"); });
  server.on("/green_off", [](){ digitalWrite(green, LOW);   server.send(200, "text/plain", "Green OFF"); });

  // Blue
  server.on("/blue_on",  [](){ digitalWrite(blue, HIGH);  server.send(200, "text/plain", "Blue ON"); });
  server.on("/blue_off", [](){ digitalWrite(blue, LOW);   server.send(200, "text/plain", "Blue OFF"); });

  server.begin();
  Serial.println("Server started");
}

void loop() {
  server.handleClient();
}

Создаёт точку доступа Wi-Fi с именем RGB и паролем 12345678.
Настраивает пины D5, D6, D7 для управления красным, зелёным и синим каналами RGB-светодиода.
Запускает веб-сервер на ESP8266.
Позволяет включать и выключать каждый цвет через URL:
/red_on и /red_off
/green_on и /green_off
/blue_on и /blue_off
Отправляет простой текстовый ответ для подтверждения действия.

Результат

Подключаемся к сети RGB → запускаем приложение → наслаждаемся красивым управлением светом! Работает на любом телефоне Android 5.0+.

Что в архиве

  • Готовый APK
  • Исходник .aia (импортируйте в MIT App Inventor)
  • Картинки кнопок + фон + иконка
  • Скетч для ESP8266

Итог

За один вечер вы создали своё первое настоящее Android-приложение без единой строки кода! Теперь можно делать управление реле, датчиками, умным домом — всё с красивым интерфейсом на телефоне.

Ставьте лайк, если установили своё первое приложение, и пишите в комментариях — какое приложение сделать следующим: управление реле, термометр, умный светильник или что-то своё?

FAQ — Моё первое Android-приложение без программирования

Нужно ли уметь программировать, чтобы сделать приложение в MIT App Inventor?

Нет. Вся логика собирается из визуальных блоков: вы просто перетаскиваете элементы, задаёте адреса GET-запросов и настраиваете кнопки. Программирование в классическом виде не требуется, поэтому App Inventor подходит полностью начинающим.

Как приложение отправляет команды на Arduino/ESP8266?

Используется компонент Web, который выполняет HTTP-GET запросы. Каждый запрос имеет вид: http://192.168.4.1/red_on или http://192.168.4.1/blue_off. ESP8266 поднимает точку доступа, принимает запросы и включает/выключает нужные пины.

Можно ли заменить RGB-светодиод на реле или другой модуль?

Да. Вместо управления выводами для LED вы можете переключать реле, сервоприводы, моторы или любые другие устройства. Достаточно изменить обработчики в ESP8266 — команды интерфейса останутся такими же.

Нужно ли подключение к интернету для работы приложения?

Нет. ESP8266 работает в режиме точки доступа, поэтому телефон подключается напрямую к сети RGB. Это обеспечивает автономную работу без роутера, интернета и дополнительных сервисов.

Можно ли собрать APK-файл и установить приложение на смартфон?

Да. MIT App Inventor позволяет собрать полноценный APK через меню Build → App (save .apk) или установить приложение через QR-код. Работает на всех версиях Android начиная с 5.0.

Что входит в архив проекта, который можно скачать?

В архив включены готовый APK, исходник проекта .aia, набор графики для кнопок, фон/иконка и рабочий скетч для ESP8266, который принимает команды приложения. Это позволяет полностью повторить проект без дополнительных материалов.

📁 Скачать примеры