ESP8266 AJAX WebServer (Wi-FI точка доступа)
Vložit
- čas přidán 14. 01. 2022
- #esp8266, #AJAX, #WebServer
На ESP8266 создаем WI-FI точку доступа и поднимаем WebServer и обрабатываем веб страницы по технологии AJAX (динамическое обновление без перезагрузки всей Веб страницы)
Wemos D1 mini- купить дешево: alii.pub/5yjw6a
Скетч: arduinomarket?w=wall-1... - Věda a technologie
Я покажу вам как правильно заваривать чай... Нам нужна будет кружка, вот она у меня здесь с цветочком, я потом расскажу где найти такую кружку, а пока нам ещё понадобится чайник, но каждый чайник может не подойти, например вы не знаете как пользоваться газом, тогда вам сложно будет пользоваться чайником.... Когда вода в чайнике закипит, то из чайника пойдёт пар, и будет свистеть свисток, но не всех чайника есть свисток, я позже расскажу вам где найти чайник со свистом если вы хотите приготовить чай в такой же кружке как у меня...
Да, ладно! Очень даже понятно, спасибо, всё доходчиво
Как я долго искал это видео))))
СПАСИБО ВАМ ОГРОМНОЕ!!! 2-а дня потратил на поиск инфы, мозг чуть не взорвался!!!) - перелопатил все видео какие нашел и получилось только на базе Вашего скетча сделать то что мне нужно: простой шим регулятор со смартфона локально без сторонних библиотек и программ. Афтор лучший!!! +10 карме))
LED ON и LED OFF управляются наоборот и LED State тоже пишет. Два клиента подключенных к серверу могут управлять одновременно единственно что при изменении ON/OF текст о состоянии Led изменится только у того клиента кто изменял состояние, второй не увидит изменения пока не обновит страницу. Для запуска на ESP32 в PlatformIO, библиотеки ненужно устанавливать достаточно в библиотеках убрать ESP8266 должно получится , , WebServer server(80);
Данный пример я пере компилировал на ESP32 работает отлично.
В кратце что автор не рассказал. Данный код нужно разделить на три группы, первый отвечает за работу на стороне ESP и выполняет жестко код, в нашем случае это зажигание и отключение светодиода. Далее идет вторая часть, это обычный HTML развертка, куда вставлены различные переменные и кнопочки для отображения на стороне клиента кто зайдет по 80 порту. Ну и третья часть самая интересная это обычный AJAX скрипт, который работает в формате XML верстки и обработки. Далее в этом самом скрипте есть различные виды парсинга XML файла, который как раз и формируется на стороне клиента и далее отправляется сразу же в ESP и она подставляет на свои места все переменные и уже по ним отрабатывает весь код. Автор понятно что немного путается в самом коде AJAX и не понимает что такое парсинг, что такое разметка, особенно XML. Хотя это очень мощная штука, на основе именно парсинга XML можно выполнять различные скрипты, выполнять совершенно иной код, не заложенный изначально, без средств компиляции и перепрошивки ESP или иного МК. В общем скрипт очень полезный оказался, за что респект автору.
автор еще и путает понятия клиент - сервер. Постоянно про отправку клиенту говорит - отправляем на сервер. Прям с самого начала голову кружит )))
ребята как с вами можно связаться
это нужно для всех устройств где есть динамика процесса и его настройки. нет проблем с экранчиками.
ПРИВЕТ подскажи как подключить ESP8266. как точка доступа и ptz видео камеру . с простыми библиотеками как точка доступа камера неработает думаю там нужно еще какието протоколы добалять или библиотека нужна может есть идеиии ?
привет а как создать несколько полей для ввода текста
неподскажешь?
Где пропал?
Работа😉
@@npoenergokom Видео раз год будут выходить на канале?
Здравствуйте, кто может переделать этот скетч чтобы вместо диодов реле включалось выключалось? очень буду благодарен!!!
А я подумал , что скажет :
- как поднять … бабла ! )))
А оказывается сервер …)))
Доброго времени! Кто знает как вывести гафики работы акселерометров на web страницу по этой ajax технологии, подскажите
read_data - функция приема данных с клиента. send_data - функция отправки данных клиенту. Сервер - это МК, а браузер, который отправляет в read_data - клиент. Все перепутано
а как можно добавлять дополнительные кнопки для управления другим пином?
По аналогии, я же всё разжевал в видео
как управлять 8266 из интернета ? тоесть всё что относится к веб залить на веб хостинг и включать лампочки удаленно
mqtt
А если esp32 работает с симкартой удаленно, там динамический ip, как я могу общаться с ним удаленно? Я бэкендер пишу на PHP и предстоит задача взаимодействовать с esp32, получать данные и отправлять некие настройки. Подскажите пожалуйста
Используйте Библиотеку ESP8266mDNS, для доступа по имени хоста
@@npoenergokom спасибо огромное
здравствуйте. напишите ваш контакт любой. Помощ мне нужна. хочу себе сделать умный дом на ардуино
Здравствуйте помогите мне сделать мой проект как вас найти в соцсетях
Я не помогаю с проектами
@@npoenergokom можно ли тогда вас попросить реализовать проект в интернете опубликовать так же как вы сделали с этим проектом?
Так где скетч то ? Если контроллер будет занят каким-то циклом , команда управления потеряется ? Как можно прошивать ,,по воздуху,, если порты 80 ? У меня либо сервер не запускается , либо интерфейс для прошивки , в зависимости от того что первое объявляю . Программную все также методом ,,МОГУЧЕГО ТЫКА,, , тоесть беру чужие функции и тулю под свои ,,хотелки,, , вот и не могу во многом разобраться , а спросить не у кого... Хорошо было бы если создали урок по джава скрипту мол ,, если прописать так то будет - это , а если чуть изменить тогда будет - это , так легче понять систему . Как правильно дописывать коменты пояснений к строкам веб сервера ? Все двойные слеши уже воспринимаются как часть кода , и показывает ошибку .
Скетч как обычно, в группу в контакте скину.
Что бы писать комментарии, нужно каждую строку добавлять в строковую переменную, например:
out +="код html"; //комментарий
А если как в моем примере, то без комментариев.
@@npoenergokom если второй клиент опосля тоже подключится к точке доступа , то правильное (прежде изменённое) состояние светодиода ему уже не доступно ?
@@olexangrstetsiuk3092 если 1 клиент оставит светодиод в состоянии ON.
То 2 клиент, после подключения тоже увидит ON.
Всё как должно быть
Ссылку на скетч добавил, можете протестить
@@npoenergokom , правильно ли я понял , что джава скрипт допускает в теле одной функции создавать ещё и вторую , а не только вызывать? И если это так , тогда в теле второй функции можно создать третью , и так далее ? Или это такие ,,замуты,, из ООП ,которые никак не могу осознать...
@@olexangrstetsiuk3092 зачем в теле одной функции создавать вторую? Если её можно вызвать?
ошибка, из за которой ломается весь js: document.getElementById("valdat"). В этом примере пролетает, но если делать построчную конкатенацию - код ломается
А есть ли способ реализовать то же самое, только что бы html, css, js хранились в файловой системе? Причем не считывать их в строку, а что бы сервер напрямую обращался к ним? Я вот столкнулся с такой проблемой, что когда страничка слишком большая есп тупо не прогружает ее полностью. Подозреваю что из FS такого не будет, так как большие картинки грузит хорошо. А вы так понимаю в серверах шарите, судя по видео.
Конечно можно загрузить html и другие файлы в файловую систему, я так делаю
уже разобрался)@@Alex-dc2jq