Как сделать сайт на роутере: локально и без риска

Сайт на роутере разумно делать как небольшую локальную страницу для домашней сети: инструкции, статус устройств или стартовую страницу. Для примера нужен роутер с OpenWrt и свободным местом. Публичный коммерческий сайт на домашнем роутере обычно не подходит: устройство отвечает за сеть, имеет мало ресурсов и требует отдельной защиты.

Карта результата до изменений

Исходные условия: OpenWrt, резервная копия настроек, локальный доступ администратора и свободная память.
Ожидаемый результат: тестовая страница открывается по локальному адресу только из домашней сети.
Обязательные шаги: проверить модель и место, сохранить настройки, создать отдельный путь, проверить локально.
Способ проверки: страница открывается с телефона по Wi-Fi, панель не стала публичной.
Не подходит: закрытый роутер провайдера, мало памяти, критичная сеть или сайт с формами и данными.

Правило выбора: если страница нужна только дома, оставляйте её в локальной сети. Для публичного домена используйте отдельный хостинг или сервер.

Понимания, как это устроено, уже достаточно, чтобы начать. На бесплатном эфире сайт собирают за один вечер и показывают, как его выложить.

Посмотреть, как собрать

Проверьте возможности роутера

OpenWrt использует лёгкий веб-сервер uHTTPd, который обычно обслуживает панель LuCI. Официальная документация называет uHTTPd стандартным сервером и указывает конфигурацию /etc/config/uhttpd: uHTTPd webserver.

Запишите модель и версию OpenWrt.
Сделайте резервную копию через штатный интерфейс.
Проверьте свободное место и память.
Убедитесь, что можете восстановить доступ по кабелю.
Не начинайте перед важной удалённой работой.

Если прошивка закрытая, инструкция неприменима. Не устанавливайте OpenWrt только ради страницы: ошибка может оставить сеть без доступа. Проще использовать старый компьютер или мини-компьютер.

По теме: Как изменить курсор на сайте: CSS, картинка и проверка

Отделите страницу от панели

Не заменяйте файлы LuCI и не публикуйте административные каталоги. Создайте отдельный путь, например /www/homepage, и index.html. Официальный пример OpenWrt показывает, что файлы под /www доступны через uHTTPd.

<!doctype html>
<html lang="ru">
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1">
<title>Домашняя страница</title>
<main><h1>Домашняя сеть</h1><p>Локальная инструкция без секретов.</p></main>

Не размещайте пароль Wi-Fi, резервные коды, адреса камер, ключи и данные жильцов. Пользователь сети сможет открыть файл, если нет отдельного ограничения.

Проверьте только локальную сеть

Откройте адрес роутера с компьютера и добавьте путь страницы.
Подключите телефон к тому же Wi-Fi.
Отключите мобильные данные, чтобы не перепутать маршрут.
Проверьте русский текст и масштаб.
Убедитесь, что панель открывается по прежнему адресу и требует вход.

Самое долгое в своём сайте это первый запуск: страницы, домен, публикация. На бесплатном вебинаре по вайбкодингу весь путь проходят вживую, от идеи, описанной словами, до работающего адреса. Опыт в программировании не нужен.

Пройти путь до сайта

Не открывайте панель в интернет

Для внешнего доступа предлагают проброс портов. OpenWrt описывает port forwarding как правило DNAT в межсетевом экране: Port forwarding. Это расширяет внешнюю поверхность. Не направляйте внешний порт на LuCI или общий uHTTPd ради страницы.

Не включайте удалённое управление на внешнем интерфейсе.
Не используйте один адрес для страницы и панели.
Не считайте нестандартный порт защитой.
Не принимайте персональные данные.
Не публикуйте без понимания адреса и операторского NAT.

По теме: Как подключить шрифт на сайт: WOFF2, CSS и проверка

Диагностика по симптому

Открывается на компьютере, но не на телефоне: проверьте одну Wi-Fi сеть, гостевую изоляцию и адрес. Возвращается 404: сверьте каталог и имя index.html. Видна панель: путь пересекается с LuCI, перенесите файлы.

Пропала панель: остановите правки, подключитесь по кабелю и восстановите конфигурацию штатно. Роутер перегружается: удалите тяжёлые сценарии и картинки; не запускайте базу данных на слабом устройстве.

Критерии приёмки

Страница доступна с двух устройств внутри сети.
Без Wi-Fi адрес не открывается извне.
Панель не изменилась и требует вход.
Файл не содержит секретов.
После перезагрузки сеть работает.
Есть копия настроек и способ убрать страницу.

Для публичного домена и HTTPS берите отдельный сервер или загрузите сайт на хостинг. Локальную основу можно собрать в одном HTML-файле.

Частые вопросы

Будет ли сайт доступен из интернета?

Локальная страница доступна внутри сети. Публичный доступ требует отдельной сетевой и защитной схемы.

Можно ли хранить форму заявок?

Простой HTML не обрабатывает заявки. Для данных нужен защищённый серверный обработчик.

На воркшопе вы опубликуете сайт на подходящей площадке и проверите его с телефона.

Опубликовать сайт