Подгружаем файлы ESPHome веб-сервера из Home Assistant

23 ноября 2019, 10:28

При попытке открыть веб-сервер на устройствах ESP, как и многие, я столкнулся с проблемой недоступности необходимых для отображения страницы css и js файлов с сайта ESPHome.io.

В процессе поиска причин, выяснил, что IP адреса сайта ESPHome попали под блокировку Роскомнадзора. Существуют разные пути решения данной проблемы. Поделюсь решением, которое я выбрал для себя.

Итак, в наличии у меня имеется сервер на Raspberry Pi, на котором крутится Home Assistant в докере. Мне нужно загрузить в HA нужные для веб-сервера ESP файлы. Для этого нам нужна папка www в корне HA.

  • Из интерфейса HA, если установлен аддон IDE, тогда в нем открываем терминал и скачиваем в папку www файлы (копию файлов разметил у себя на GitHub, поэтому привожу ссылки оттуда).

cd /config/www

wget https://raw.githubusercontent.com/Ailme/esphome_static/master/webserver/webserver-v1.min.css
wget https://raw.githubusercontent.com/Ailme/esphome_static/master/webserver/webserver-v1.min.js
1600x_image.png?1574496732
  • Или же через интерфейс в аддоне IDE создаем файлы с похожими названиями в папке www и вставляем в них содержимое файлов: webserver-v1.min.js и webserver-v1.min.css
1600x_image.png?1574496731

После чего, файлы должны открываться с нашего сервера HA по адресам:

  • {адрес HA}/local/webserver-v1.min.css
  • {адрес HA}/local/webserver-v1.min.js

Затем в конфигах ESPHome обновляем секцию web_server:

# sonoff_1.yaml
# ... 

web_server:
  port: 80
  css_url: {адрес вашего HA}/local/webserver-v1.min.css
  js_url: {адрес вашего HA}/local/webserver-v1.min.js

# ...

Обновляем прошивку (я это делаю через OTA из аддона Hass.io) и пользуемся снова работающей страницей веб-сервера.

1600x_image.png?1574499622

Все новости мира умных домов - t.me/SprutAI_News или Instagram
Остались вопросы? Мы в Telegram - @Soprut

Хочешь умный дом но нет времени разбираться?
Посмотри примеры работ и выбери себе интегратора.
  1. Александр Тумайкин (205kin)

    Дополнение к статье:

    • если папки www не было, то после ее создания нужно перезагрузить HA
    • {адрес вашего HA} имеется в виду адрес вместе с портом (если он используется), например, http://your.domain:8123 или http://192.168.1.12:8123
  2. (killwarez)
    (killwarez) 21 день назад

    Мне одному кажется, что это дырка в безопасности, ходить за скриптами на внешний сервер ?

  3. (meta11ist87)
    (meta11ist87) 20 дней назад

    У меня есть три sonoff. Еспхом у меня стоял не в аддоне. Недавно умерла карточка в малине и я установил еспхом через аддон хассио. Что сделать, чтоб аддон еспхом увидел эти соноффы для перепрошивки? Снимать их сильно не хочется для прошивки через ттл конвертор.

К списку статей

Похожие статьи

04 сентября 2018, 12:14
Интеграция RGB ленты на ESP8266 с прошивкой tasmota в систему HomeBridge (HomeKit)
02 ноября 2018, 12:14
Кнопка звонка с уведомлениями в HomeKit
15 октября 2018, 09:05
Прошивка для Sonoff c нативным HomeKit
15 ноября 2018, 09:42
Способы автоматизации механических ворот
27 октября 2018, 12:20
Нативный Термостат для котла на ESP8266 с поддержкой Apple HomeKit
01 октября 2018, 07:43
Нативный HomeKit на ESP8266
15 июня 2018, 12:13
Охранная система в гараж на ESP8266 с интеграцией в Apple HomeKit
24 августа 2018, 12:18
Пошаговая установка HomeAssistant
27 августа 2018, 10:14
Интегрируем ХА в HomeKit
02 октября 2018, 18:41
Установка SDK для компиляции прошивок под HomeKit