Рубрики
Схемы на Arduino

Передача данных от Arduino Uno на веб-страницу с помощью WiFi

Беспроводная связь между современными электронными устройствами с каждым годом становится все более актуальной с учетом все большего доминирования концепции интернета вещей (Internet of Things). Протокол HTTP и язык HTML делают возможным передачу данных в любое место на Земле где есть сеть интернет. Ранее на нашем сайте мы уже рассматривали похожие проекты:

В этой же статье мы рассмотрим передачу данных от платы Arduino Uno на веб-страницу (Webpage) с помощью технологии WiFi. Для демонстрации возможностей этого проекта нам будет необходим IP адрес и сервер (локальный или глобальный). В целях упрощения демонстрации мы будем использовать локальный сервер.

Необходимые компоненты

  1. Плата Arduino Uno (купить на AliExpress).
  2. Wi-Fi модуль ESP8266 (купить на AliExpress).
  3. USB кабель.
  4. Соединительные провода.
  5. Ноутбук (или персональный компьютер).
  6. Источник питания.

Внешний вид Wi-Fi модуля ESP8266 показан на следующем рисунке.

Работа схемы

Схема устройства представлена на следующем рисунке.

Основными элементами схемы являются плата Arduino и Wi-Fi модуль ESP8266. Контакты Vcc и GND Wi-Fi модуля ESP8266 непосредственно подключены к контактам 3.3V и GND платы Arduino, а контакт CH_PD Wi-Fi модуля также подключен к 3.3V. Контакты Tx и Rx модуля ESP8266 подключены к контактам 2 и 3 платы Arduino. Software Serial Library (библиотека последовательной связи) используется для осуществления последовательной связи на контактах 2 и 3 платы Arduino (вместо контактов 0 и 1, которые используются для последовательной связи в плате Arduino по умолчанию). В статье про передачу Email с использованием Arduino мы достаточно подробно останавливались на подключении WiFi модуля ESP8266 к плате Arduino, поэтому здесь эти вопросы рассматривать не будем.

Примечание: чтобы видеть ответы модуля ESP8266 на поступающие команды откройте монитор последовательного порта (Serial Monitor) в программной среде Arduino IDE.

В программе первым делом нам необходимо будет соединить наш Wi-Fi модуль с Wi-Fi роутером чтобы подключить Wi-Fi модуль к сети интернет. Затем мы должны сконфигурировать локальный сервер, передать данные на веб-страницу и закрыть соединение. Для этого нам необходимо выполнить следующую последовательность действий:

1. Сначала нам необходимо произвести тест Wi-Fi модуля при помощи передачи ему AT команды, он должен ответить OK.

2. После этого мы должны выбрать необходимый режим работы с помощью команды AT+CWMODE=mode_id , мы будем использовать Mode id =3. Полный же список доступных режимов выглядит следующим образом:
1 = Station mode (client) (режим станции, клиента)
2 = AP mode (host) (режим базовой станции, хоста)
3 = AP + Station mode (Yes, ESP8266 has a dual mode!) (режим станции + хоста – модуль ESP8266 поддерживает этот двойной режим).

3. Затем мы должны отсоединить наш Wi-Fi модуль от прежней Wi-Fi сети с помощью команды AT+CWQAP поскольку модуль ESP8266 по умолчанию автоматически соединяется с предыдущей использованной сетью Wi-Fi.

4. После этого можно сбросить модуль командой AT+RST – это необязательный шаг.

5. После этого мы должны соединить модуль ESP8266 с Wi-Fi роутером с помощью команды:
AT+CWJAP=”wifi_username”,”wifi_password”.

6. После этого мы должны получить IP адрес с помощью команды AT+CIFSR, которая вернет нам IP адрес.

7. После этого нам необходимо задействовать режим мультиплексирования с помощью команды AT+CIPMUX=1 (1 для соединения с мультиплексированием и 0 для одиночного соединения).

8. Теперь сконфигурируем ESP8266 как сервер с помощью команды AT+CIPSERVER=1,port_no (port может быть 80). Теперь наш Wi-Fi готов. В представленной команде ‘1’ используется для создания сервера и ‘0’ для удаления сервера.

9. Теперь с помощью соответствующих команд можно передавать данные на созданный локальный сервер:
AT+CIPSEND =id, length of data
Id = ID no. of transmit connection (номер соединения)
Length = Max length of data is 2 kb (максимальная длина данный 2 Кбайта).

10. После передачи ID (номера, идентификатора) и Length (длины данных) на сервер мы можем передавать данные, к примеру: Serial.println(“circuitdigest@gmail.com”);

11. После передачи данных нам необходимо закрыть соединение с помощью команды:
AT+CIPCLOSE=0
После этого данные будет переданы на локальный сервер.

12. Теперь вы можете набрать IP адрес в строке адреса вашего браузера и нажать Enter. После этого вы увидите переданные данные на веб-странице.

Все описанные шаги можно более наглядно посмотреть в видео в конце статьи.

Исходный код программы

1. В программе нам сначала необходимо подключить SoftwareSerial Library чтобы задействовать последовательную связь на контактах PIN 2 и 3 и объявить некоторые переменные и строки.

#include<SoftwareSerial.h>
SoftwareSerial client(2,3); //RX, TX
String webpage="";
int i=0,k=0;
String readString;
int x=0;
boolean No_IP=false;
String IP="";
char temp1='0';

2. После этого мы должны определить ряд функций, необходимых для решения наших задач.
В функции Setup() мы инициализируем встроенный последовательный приемопередатчик для подключения модуля ESP8266 с помощью команды client.begin(9600) – для бодовой скорости 9600 бод/с.

void setup()
{
Serial.begin(9600);
client.begin(9600);
wifi_init();
Serial.println("System Ready..");
}

3. В функции wifi_init() мы инициализируем wifi модуль при помощи передачи ему ряда команд, например, reset, set mode, connect to router, configure connection и т.д. Эти команды были объяснены в предыдущей части статьи.

void wifi_init()
{
connect_wifi("AT",100);
connect_wifi("AT+CWMODE=3",100);
connect_wifi("AT+CWQAP",100);
connect_wifi("AT+RST",5000);
...... .....
..... .....

  1. В функции connect_wifi() мы передаем команды и данные модулю ESP8266 и получаем (считываем) на них ответы.

void connect_wifi(String cmd, int t)
{
int temp=0,i=0;
while(1)
{
Serial.println(cmd);
...... .....
..... .....

5. Функция sendwebdata( ) используется для передачи данных на локальный сервер или веб-страницу.

void sendwebdata(String webPage)
{
int ii=0;
while(1)
{
unsigned int l=webPage.length();
Serial.print("AT+CIPSEND=0,");
client.print("AT+CIPSEND=0,");
...... .....
..... .....

6. Функция void send() используется для передачи строк в функцию sendwebdata(), которые затем передаются на веб-страницу.

void Send()
{
webpage = "<h1>Welcome to Circuit Digest</h1><body bgcolor=f0f0f0>";
sendwebdata(webpage);
webpage=name;
webpage+=dat;
...... .....
..... .....

7. Функция get_ip() используется для получения IP адреса от созданного локального сервера.

8. В функции void loop() мы передаем инструкции пользователю обновить страницу и проверить соединен ли сервер или нет. Когда пользователь обновляет или запрашивает веб-страницу, данные автоматически передаются на тот же самый IP адрес.

void loop()
{
k=0;
Serial.println("Please Refresh your Page");
while(k<1000)
.... .....
.... .....

Аналогичным образом мы можем передавать на веб-страницу, получаемые платой Arduino от различных датчиков: влажность и температура в комнате, GPS время, GPS координаты, частоту сердечных сокращений и т.д.

Далее представлен полный текст программы.

Видео, демонстрирующее работу схемы

19 ответов к “Передача данных от Arduino Uno на веб-страницу с помощью WiFi”

Скетч работает,на мониторе есть адрес. Потом набираю его Google не может войти, что делать?

Наверное, настройки вашей сети блокируют вход на определенные диапазоны IP адресов. Попробуйте войти на указанную страницу с другого компьютера или телефона. Также можно просто попробовать сменить браузер — но вероятность что поможет это решение не очень высока

Крутые статьи. Спасибо, почитал. Одно замечание — не стоит питать ESP от 3,3в с Ардуино. Там ток то 50мА максимум! Ну и линию к ESP Тx лучше через делитель сделать (1к и 2к например). Скорее всего все и так будет нормально, но лучше согласовать 5в и 3,3в…

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

У меня плата arduino uno d1 с встроенным моделем wifi. Попытка компиляции вашей программы привела к ошибке // unable to find string literal operator ‘operator»»http’ with ‘const char [9]’, ‘unsigned int’ arguments
Что надо изменить, чтобы пользоваться встроенным модулем ввайфай, или ошибка не связана с этой особенностью платы?

С встроенным модулем wifi будет все намного проще — вам надо всего лишь найти библиотеку для работы с данным модулем и не будет необходимости в использовании громоздких АТ команд, использованных в данном проекте

Здравствуйте! А как получать данные из сервера? У меня есть свой сервер, зайдя по айпи и порту на который есть строка букв, хотелось бы как то эту строку получить, как это возможно?

Добрый вечер. К сожалению это тема отдельной статьи, сразу так не могу подсказать что нужно сделать. И вам это нужно сделать именно с помощью Ардуино? Просто если использовать модуль ESP8266 или ESP32, то эта задача бы упростилась. И в этом случае, скорее всего, я бы мог подсказать вам статью на моем сайте, которая была бы наиболее близкой к вашей проблеме

Если есть автор в теме, мне требуется командами подключить esp01 к роутеру и получить Ip адрес и статус подключения, и вывести их на дисплей 1306 OLED 128×32. спасибо.

Добавлю свой код в него нужно дописать подключение ESP01 через пину 2,3 ардуино посылает команды AT модулю esp01 чтоб тот подконектился к роутеру моему, и все это поочередно вывести на дисплей после чего выводим на дисплей

Добрый вечер. А вам нужно чтобы всеми этими процессами управлял модуль ESP01 или чтобы этими процессами управляла плата Arduino, а модуль ESP01 использовался только для ее подключения к сети WiFi? Можете посмотреть на нашем сайте проекты с использованием модуля ESP8266 (он же, по сути ESP01), готового решения для вашей задачи нет, но по отдельности все эти вопросы на нашем сайте рассмотрены

все соединил как на схеме, но выдает

AT
AT
AT
AT
AT
AT
AT
Error
AT+CWMODE=3
AT+CWMODE=3
AT+CWMODE=3
AT+CWMODE=3
AT+CWMODE=3
AT+CWMODE=3
AT+CWMODE=3
Error
AT+CWQAP
AT+CWQAP
AT+CWQAP
AT+CWQAP
AT+CWQAP
AT+CWQAP
AT+CWQAP
Error
AT+RST
AT+RST
AT+RST
AT+RST
AT+RST
AT+RST
AT+RST
Error

Добрый вечер. Программа достаточно объемная, поэтому сразу сказать из-за чего у вас возникает такая ошибка, я не могу. В этих случаях универсальным решением является отладка кода программы по частям — начать с самой простой части и убедившись в том, что эта часть работает, подключать к программе новый фрагмент и т.д. Если есть желание, то мы можем вместе за несколько дней попробовать разобраться в чем у вас возникает проблема. Я отвечаю на комментарии на сайте один раз в день

Если есть возможность, я бы хотел связаться с вами в личном порядке

Я могу написать вам на почту, которую вы ввели при добавлении данного комментария. Она корректная?

Ну так в тексте статьи программа достаточно подробно объяснена же. Если у вас есть конкретный вопрос по каким-нибудь строкам программы я могу сделать попытку вам их объяснить

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *