ШАГ №6 — ПЕРЕДАЧА ДАННЫХ C WEB СТРАНИЦЫ

Поддержать сайт

Программирование по порядку.
В этом скетче, добавляем интерфейс для передачи данных c Web страницы и запишем их в переменные.

Step6-DataSend

Поддержать сайт

6 мыслей о “ШАГ №6 — ПЕРЕДАЧА ДАННЫХ C WEB СТРАНИЦЫ”

  1. Раз уж вы сами просите задавать вопросы, то сейчас же и задам 🙂 Их будет два.
    1. Когда я пробую открыть в браузере страницу index.htm из папки data этого скетча (и из предыдущего тоже!), открывается только текст, как будто не учитывается css. Браузер Opera 12 либо Vivaldi, разницы нет.
    2. Наверняка существуют конкретные правила, по которым следует формировать запросы к серверу типа server = “/ssid?ssid=”+val(‘ssid’)+”&password=”+encodeURIComponent(val(‘password’)); Можно подробно расписать, что здесь что означает?

    1. 1. Замените в файле index.htm строки:
      «/bootstrap.min.css» и «/style.css»
      на
      «bootstrap.min.css» и «style.css»
      Распакуйте bootstrap.min.css.dz так чтоб получить файл bootstrap.min.css и поместите его папку data.
      После этих операций у вас все получиться.
      2. Стандарт определяет то, что:
      Если в пути встречается знак вопроса, то принято считать, что в этом месте путь заканчивается, а за ним начинаются GET-параметры этого запроса.
      GET-параметр имеет формат имя_параметра=значение_параметра, сами параметры разделяются знаком &.
      Какие параметры передавать решает сам программист и здесь стандарта не существует.
      ssid=»+val(‘ssid’)+»&password=»+encodeURIComponent(val(‘password’));
      Это строка является частью кода написанному на языке javascript, если вы заметили, я обычно не объясняю в своих видео как программировать web страницы. Эта тема совсем другого направления программирования.
      server = “/ssid?ssid=”+val(‘ssid’)+”&password=”+encodeURIComponent(val(‘password’));
      Вышеуказанная строка формирует в переменной server текстовую строку для запроса собирая параметры с различных полей веб страницы.
      Для понимания основ программирования на javascript рекомендую бесплатный курс http://lendwings.com/course/37

  2. Спасибо за разъяснения. Конечно, здесь не всё понятно, например, почему, если архивы распаковать и положить файлы в явном виде, то заработает. Браузер сам этого не делает? Почему? В предыдущих уроках был в папке data упакованный edit.htm, так он открывался.
    С Javascriptами всё плохо у меня, я его никогда не изучал, и, к сожалению, язык полон “сленга”, понять который интуитивно невозможно. Посмотрю ссылку.

  3. Здравствуйте, Сергей!
    Спасибо за работу! очень познавательно. Захотелось на вашей основе собрать своё устройство. Хотелось бы ещё примера как правильно прикрутить управление светодиодом(реле) из веб, через MQTT-брокера…
    Спасибо.

  4. Добрый день Сергей!
    Немного отступлю от темы Вашего примера.
    Сделал проект на нано и светодиодах SK6812 (64 шт. матрица 8*8 светодиодов) – набаловался на примерах из библиотеки Adafruit_Circuit_Playground.
    Приобрел NodeMCU – побаловался с блинком и пришла в голову идея по проекту из Вашего примера.
    NodeMCU+SK6812 (64 шт.) – пользователь открывает страницу web в которой приглашение для ввода текста – например “Hello word!”, нажимает кнопку “отправить” и этот текст бегущей строкой идет на матрицу SK6812.
    Прошу подсказать в какую сторону смотреть для реализации.
    Понятно, что на NodeMCU надо поднять точку доступа, веб сервер и создать html страницу, а дальше уже знаний не хватает.
    По уму надо каждый символ разобрать на HEX и отдавать в СОМ порт.

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

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

Этот сайт использует Akismet для борьбы со спамом. Узнайте как обрабатываются ваши данные комментариев.