Передача данных в реальном времени на панель
Стройте графики показаний датчиков онлайн в реальном времени.
«Передача данных в реальном времени на панель» — бесплатный урок Arduino & IoT Academy на CoddyKit. Это урок 3 из 4. Ты можешь прочитать весь урок бесплатно ниже — а потом практиковать его прямо в браузере с встроенным редактором кода и ИИ-репетитором 24/7. Это часть пути обучения Arduino & IoT Academy, и твой прогресс синхронизируется между веб-версией и приложением CoddyKit. Курс Arduino & IoT Academy содержит 4 уроков всего.
Цель: графики в реальном времени
Теперь вы отправите настоящие показания в облако и увидите, как в браузере появляется обновляемый график в реальном времени. 📈
Сначала подключите WiFi
Перед любой отправкой плата должна подключиться к сети. Вызовите WiFi.begin, передав имя сети и пароль, а затем дождитесь подключения.
WiFi.begin(ssid, password);Выберите поле для каждого значения
В канале ThingSpeak есть пронумерованные поля. Температура может быть записана в поле 1, а влажность — в поле 2, поэтому каждый датчик получает собственную строку.
Сформируйте URL обновления
Чтобы отправить данные простым способом, сформируйте URL с ключом и значением поля. Сервер прочитает его и сохранит число.
String url = "/update?api_key=" + key + "&field1=" + value;Сформируйте HTTP-запрос
Запрос HTTP GET по этому URL отправляет ваше показание. Библиотеки вроде HTTPClient превращают это всего в пару понятных вызовов.
http.begin(client, fullUrl);
http.GET();Прочитайте код ответа
Код состояния 200 означает успешное выполнение. Любой другой код, например 401, сообщает, что ключ указан неверно или запрос завершился ошибкой.
Соблюдайте ограничение частоты запросов
Бесплатный ThingSpeak принимает одно обновление каждые 15 секунд. Если отправлять данные чаще, лишние значения просто отбрасываются, поэтому настройте подходящий интервал в цикле.
Используйте официальную библиотеку
С библиотекой ThingSpeak всё ещё проще. Вы задаёте каждое поле, а затем вызываете одну функцию, которая записывает их все сразу.
ThingSpeak.setField(1, temperature);
ThingSpeak.writeFields(channelID, apiKey);Добавьте виджет с графиком
На веб-сайте каждое поле можно отображать в виде графика. По мере поступления новых данных график перерисовывается, и Вы видите, как в реальном времени формируются тенденции.
Убедитесь, что всё работает
Откройте страницу канала и обновите её. Если последнее измерение отображается с новой отметкой времени, обмен данными в обоих направлениях работает. 🎉
Не блокируйте весь цикл
Используйте отсчёт времени с помощью millis вместо длительной задержки между загрузками. Пока плата ждёт следующей отправки, она остаётся отзывчивой.
Быстрая проверка
Как часто бесплатная учётная запись ThingSpeak может принимать новое обновление?
Итоги
Подключите WiFi, задайте каждое поле, затем запишите данные в канал и наблюдайте за графиками в реальном времени. Проверьте ответ 200 и соблюдайте ограничение частоты запросов.
Изучай C++ с ИИ-репетитором — бесплатно
Пиши и запускай код прямо в браузере, получай мгновенную помощь от ИИ-репетитора 24/7 и продолжи учиться на сайте или в приложении.
- Курсы
- 30
- Уроки
- 120
Часто задаваемые вопросы
Урок «Передача данных в реальном времени на панель» бесплатный?
Да — полный текст урока «Передача данных в реальном времени на панель» бесплатно доступен здесь в веб-версии. Чтобы практиковать его интерактивно (встроенный редактор кода и ИИ-репетитор 24/7) и разблокировать остальной курс Arduino & IoT Academy, подпишись на CoddyKit PRO. Курс Arduino & IoT Academy содержит 4 уроков всего.
Чему я научусь в уроке «Передача данных в реальном времени на панель»?
Стройте графики показаний датчиков онлайн в реальном времени. Ты практикуешь Arduino & IoT Academy с помощью реального кода, который запускаешь прямо в браузере, и ИИ-репетитор 24/7 отвечает на твои вопросы во время урока.
Нужен ли мне опыт, чтобы начать Arduino & IoT Academy?
Предыдущий опыт не требуется. Arduino & IoT Academy на CoddyKit структурирован для всех уровней — от новичков до продвинутых, поэтому ты можешь начать отсюда или с самого начала и учиться в своем темпе. Это урок 3 из 4.
Сколько времени занимает урок «Передача данных в реальном времени на панель»?
Большинство уроков CoddyKit занимают около 5–10 минут. Каждый из них компактный и интерактивный, поэтому ты постоянно делаешь прогресс и продолжаешь с того же места в веб-версии и приложении.
Можно ли писать и запускать код в этом уроке Arduino & IoT Academy?
Да. Каждый урок Arduino & IoT Academy включает встроенный редактор кода, поэтому ты пишешь и запускаешь реальный код прямо в браузере и получаешь моментальную обратную связь от AI — локальная установка не требуется.
Все уроки этого курса
- Выбор облачной платформы
- Аутентификация устройства
- Передача данных в реальном времени на панель
- Управление оборудованием из облака