При попытке открыть веб-сервер на устройствах 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

Или же через интерфейс в аддоне IDE создаем файлы с похожими названиями в папке www и вставляем в них содержимое файлов: webserver-v1.min.js и webserver-v1.min.css

После чего, файлы должны открываться с нашего сервера 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) и пользуемся снова работающей страницей веб-сервера.

Статья