Как изменить HTML-страницу, которая в данный момент посещается, чтобы ее увидели пользователи?

Question

Я работаю над небольшим проектом на данный момент, используя ESP32 и Arduino IDE.

Я настраивал базовый интерфейс сервера с помощью нескольких команд client.println.В основном есть одна кнопка, которая позволяет мне запустить шаговый двигатель.Там также ИК-датчик подключен.Я хотел бы дать пользователю уведомление на открытой странице, как только ИК-датчик подаст сигнал.

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

if(detection == LOW) {
   // Serial.print("obstacle detected\n");
   client.println("<strong><font size=(5) color='#ff4f23'>SOME KIND OF MESSAGE</font></strong>");
}
else{
   // Serial.print("no obstacle!\n");
}

Но, к сожалению, это не сработало.

Может кто-нибудь, пожалуйста, направить меня в правильном направлении?

Answer 1

можно добавить еще один вариант:

<script>setInterval(function(){location.reload();},1000)</script>

в вашем html.

Совет

Лучшим решением должна быть статическая HTML-страница индексас javascript, который выполняет запросы к API и, следовательно, изменяет страницу.

таким образом, вам нужно загружать только изменения и всю страницу (очень плохо, если у вас есть изображения)

Answer 2

После загрузки веб-сайта на стороне клиента он статичен.Вы доставили HTML один раз, и клиент-серверное соединение впоследствии было закрыто.Перезапись не доставляет ваш новый HTML-код Клиенту.

Что вы можете сделать:

Использовать какой-либо опрос с AJAX и JavaScript.Например, пусть ваш сайт проверяет наличие обновлений каждые 60 секунд.