Просмотр последовательного монитора Arduino на смартфоне

Рассмотрим как просматривать последовательный монитор и Arduino на смартфоне через Wi-Fi, не устанавливая никаких мобильных приложений.

Компоненты

Для реализации нашей идеи нам понадобятся следующие комплектующие:

1. Arduino UNO × 1
2. 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 используются не только для отладки, но и для мониторинга.

Использовать эти инструменты для мониторинга обычно не очень удобно, потому что:

1. Доступны только с ПК => Нет мобильности
2. Нужно подключить ПК к Arduino через USB-кабель => ограничение расстояния, малое расстояние

Но мы можем использовать другие инструменты. Использование Web Serial Monitor и Web Serial Plotter дают нам:

1. Доступ на любом ПК, смартфоне и планшете, если доступен веб-браузер => мобильность
2. Подключение через WiFi => неограниченное расстояние (через Интернет)
3. Не требуется установка какого-либо программного обеспечения или приложений

Решение

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

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 на мобильном телефоне, как показано ниже.

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