Рассмотрим как просматривать последовательный монитор и Arduino на смартфоне через Wi-Fi, не устанавливая никаких мобильных приложений.
Компоненты
Для реализации нашей идеи нам понадобятся следующие комплектующие:
- Arduino UNO × 1
- PHPoC WiFi Shield 2 шилд для Arduino × 1
PHPoC Shield и PHPoC WiFi Shield - это интернет-экраны (шилды) для Arduino Uno и Arduino Mega.
Эти щиты имеют встроенный веб-сервер и сервер WebSocket. Они содержат некоторые встроенные веб-приложения. Одно из встроенных веб-приложений - «Web Serial Plotter». Web Serial Plotter похож на Serial Plotter в Arduino IDE, за исключением следующих моментов:
- Доступ к веб-плоттеру через веб-браузер через Интернет (последовательный плоттер доступен в Arduino IDE через USB-кабель).
- Доступ к Web Serial Plotter можно получить из любой ОС (Android, iOS, Windows, macOS, Linux) без какой-либо установки.
- Сетевой последовательный плоттер легко настраивается через страницу настроек.
Идея проекта
Инструменты Serial Monitor (последовательный монитор) и Serial Plotter (последовательный плоттер) в IDE Arduino используются не только для отладки, но и для мониторинга.
Использовать эти инструменты для мониторинга обычно не очень удобно, потому что:
- Доступны только с ПК => Нет мобильности
- Нужно подключить ПК к Arduino через USB-кабель => ограничение расстояния, малое расстояние
Но мы можем использовать другие инструменты. Использование Web Serial Monitor и Web Serial Plotter дают нам:
- Доступ на любом ПК, смартфоне и планшете, если доступен веб-браузер => мобильность
- Подключение через WiFi => неограниченное расстояние (через Интернет)
- Не требуется установка какого-либо программного обеспечения или приложений
Решение
Для реализации мониторинга без использование приложений мы проделаем шаги, которые представлены ниже.
1. Соединяем шилд PHPoC Shield 2 или PHPoC WiFi Shield 2 с Arduino. По сути - просто одеваем одно на другое.

Arduino связывается с PHPoC [WiFi] Shield через контакты 10, 11, 12 и 13 на Uno и контакты 10, 50, 51 и 52 на Mega. Следовательно, эти выводы НЕ МОГУТ использоваться для общего ввода / вывода.
2. Устанавливаем библиотеку Arduino для этого щита с GitHub.
3. Загружаем в Ардуино код, который представлен ниже. В этом примере кода показано, как использовать "Web Serial Plotter".
#include <Phpoc.h>
float y1;
float y2;
float y3;
void setup() {
Serial.begin(9600);
while(!Serial)
;
// initialize PHPoC [WiFi] Shield:
Phpoc.begin();
}
void loop() {
for(int i = 0; i < 360; i += 10) {
y1 = 2 * sin(i * M_PI / 180);
y2 = 3 * sin((i + 90)* M_PI / 180);
y3 = 5 * sin((i + 180)* M_PI / 180);
Serial.print(y1);
Serial.print(" "); // a space ' ' or tab '\t' character is printed between the two values.
Serial.print(y2);
Serial.print(" "); // a space ' ' or tab '\t' character is printed between the two values.
Serial.println(y3); // the last value is followed by a carriage return and a newline characters.
delay(100);
}
}
4. Откройте веб-браузер и введите IP-адрес PHPoC Shield:

Нажмите "Web Serial Monitor" и "Web Serial Plotter" один за другим, мы увидим Serial Monitor и Serial Plotter на мобильном телефоне, как показано ниже.

На этом всё. Таким нехитрым способом мы можем просматривать последовательный монитор на смартфоне.