Добрый день!
Если вы создаете свой сайт и хотите, чтобы он работал только в вашей локальной сети, или вам нужно предварительно протестировать его «от и до» перед загрузкой в сеть (/или вы решили сэкономить на платном хостинге) — вы можете сделайте это, «настройте» свой домашний ПК/ноутбук (превратите его в своего рода сервер). Именно этим мы сегодня и займемся…
К счастью, все довольно легко настраивается (основные сложности в обеспечении стабильности, т.к не все из нас смогут ежедневно/ежечасно следить за работой компьютера, подключением к интернету, загрузкой процессора и т.д. Но я скажу несколько слов об этом в результатах).
Пара важных нюансов: описанный ниже способ актуален для Windows 10/11; компьютер должен быть подключен либо к локальной сети/ либо к интернету (в моем примере ПК подключен к обычному домашнему Wi-Fi роутеру, который в свою очередь подключен к интернету).
Итак, теперь к делу…
*
Пошаговые действия
Установка веб-сервера, размещение файлов сайта
ШАГ 1
В качестве веб-сервера я бы рекомендовал остаться с 📌Open Server. Он достаточно удобен, надежен, имеет множество настроек (можно выбрать версию PHP, MySQL, настроить автоматическое выполнение скриптов и т.д.). Полный список возможностей представлен на официальном сайте.
После установки (по умолчанию, поэтому описывать не буду) и запуска Open Server у вас должен появиться зеленый флажок в ящике (это означает, что веб-сервер работает и с ним все в порядке!). 👇
Кстати, часто Open Server не запускается из-за отсутствия 📌Microsoft Visual C++ (при установке веб-сервера — не отказывайтесь от скачивания этих пакетов).
Открытый сервер установлен и работает! На табло рядом с часами загорается зеленый флажок
ШАГ 2
Затем вам нужно перейти в папку установки Open Server и открыть каталог «Domains» (в моем случае полный путь: C:openserver5.2domains).
В этом каталоге нужно создать папку с именем вашего домена (адресом сайта), например: testforme.site (можно использовать как testforme.ru, так и testforme.com, и даже yandex.ru и т.д.*). 👇
📌* Но крайне желательно: выбрать никем не занятый домен/адрес сайта, чтобы потом можно было зарегистрировать его у регистратора, если вы решите открыть сайт для доступа из интернета. Проверить домен на занятость можно на сайте Reg.ru.
👉 Примечание: в созданную директорию с доменным именем (в моем случае testforme.site) нужно поместить файлы сайта: движок, HTML-страницы и т.д. В моем примере я создал в этой директории 1 файл index.php и добавил в него короткую строчку: «Здравствуйте! Эта страница была открыта с домашнего хостинга»). Этого достаточно для проверки. Установку движка WordPress я рассматривал в конце статьи, не буду здесь спойлерить…
Папка = доменное имя (содержит файл index.php, движок сайта)
*
Настройка Open Server для доступа к сайту по локальной сети (по IP и по доменному имени)
ШАГ 3
Чтобы открыть настройки Open Server — щелкните правой кнопкой мыши значок ящика, и в появившемся меню выберите соответствующий раздел. Смотрите скриншот ниже. 👇
откройте настройки сервера — щелкните значок в трее, выберите его в меню
Затем в меню «Модули» укажите необходимую версию PHP, MySQL и т д для работы вашего сайта. Думаю для тестового файла (пока…) — можно выставить параметры примерно как на моем скриншоте ниже. 👇
Вы можете выбрать версию PHP, MySQL и т.д. — модули в Open Server
В меню «Сервер» нужно изменить пару опций:
- разрешить серверу запускаться в агрессивном режиме (чтобы он мог работать при возникновении незначительных ошибок);
- введите пункт «Все доступные IP» в пункте «IP-адрес сервера»;
- затем вы должны нажать на меню «Сохранить».
Все доступные IP, перезагрузить
Далее нам нужно узнать 📌 локальный IP-адрес компьютера, на котором работает Open Server (его можно использовать для открытия сайта).
Самый простой способ узнать это 📌 открыть настройки роутера и посмотреть список подключенных устройств (впрочем, есть и другие способы). В моем случае напротив имени ПК «alex-pc» стоит адрес 192.168.1.2 (нужно!). 👇👇
Примечание: кстати, в настройках роутера было бы неплохо сделать этот IP (например 192.168.1.2) постоянно закрепленным за вашим компьютером. В противном случае есть риск, что через несколько дней этот IP-маршрутизатор выдаст другой компьютер в сети…
Настройки роутера — узнай свой локальный IP
Затем нужно добавить в настройках Open Server в раздел «Псевдонимы:
- в строке «Исходный домен» ваш локальный IP (в моем случае 192.168.1.2);
- в строке «Домен назначения» адрес/домен вашего сайта (в моем случае testforme.site). 👇
Псевдонимы — привязать IP к домену
👉 По IP 192.168.1.2 — теперь страница будет доступна со всех ПК/ноутбуков/телефонов в локальной сети (то есть подключенных к Wi-Fi сети роутера, например).
👉👉 По доменному имени testforme.site — страница будет доступна только с компьютера с установленным Open Server. Для того, чтобы страница была доступна с доменным именем на другом ПК/ноутбуке в локальной сети, необходимо открыть на ней блокнот и изменить системный файл 📌 hosts (добавить строчку вида: 192.168.1.2 testforme.site в это).
Пример. Из файла hosts
Как это выглядит на примере показано ниже 👇 (обратите внимание на адресное поле браузера — т.е страница доступна и по IP и по домену).
Теперь сайт доступен в локальной сети, достаточно указать IP в адресной строке браузера
*
Как открыть доступ к сайту из сети Интернет по IP и по доменному имени
Осуществимость этой «вещи» во многом зависит от вашего интернет-провайдера. Дело в том, что ваш внешний IP адрес может быть «белым» и «серым» (с другим ничего работать не будет…). Чаще всего провайдеры сегодня назначают динамический белый IP, в таком случае все должно работать (пока этот IP не изменится).
А вообще в идеале нужно заказывать услугу «белый статический IP адрес» у провайдера (у одних компаний услуга уже активирована по умолчанию, и ничего делать не нужно, у других она покупается и подключается отдельно: где-то дешево/где-то дорого…).
В любом случае, попробовать следующее (даже если вы ничего не поняли из вышеперечисленного и не знаете, какой у вас IP) не составит труда)! 🙂
*
ШАГ 4
Так…
Для начала вам нужно узнать свой 📌 внешний IP-адрес. Для этого достаточно, как я уже говорил выше, открыть 📌 настройки роутера и посмотреть вкладку «Статус/информация о подключении» (в моем примере внешний IP-адрес: 92.252.216.210). Давайте запомним это!
Затем в настройках роутера нам нужно пробросить порты 80 и 443 на ПК, на котором находится сайт (эти порты по умолчанию используются для подключения к сайту по httphttps). Более простой вариант — ничего не пересылать вручную, а просто включить хост DMZ для вашего ПК (т е. DMZ для вашего локального IP-адреса). Ссылка ниже, чтобы помочь! 👇
📌 Помогите!
Как пробросить порты на роутере: forwarding. На хосте DMZ — https://ocomp.info/kak-probrosit-portyi-na-routere.html
Узнать свой IP-адрес (он должен быть белым!), и пробросить порты
Затем в настройках Open Server нужно открыть вкладку «Псевдонимы» и связать там свой внешний IP с доменным именем. Смотрите скриншот ниже. 👇
Добавить внешний IP в псевдонимы — Open Server
Затем попробуйте ввести свой внешний IP-адрес в адресную строку браузера (с любого ПК/телефона/ноутбука, подключенного к Интернету). Ваш сайт должен открыться! 👇
Половина задачи выполнена!?🙂
Страница открывается с IP
ШАГ 5
Если вы хотите, чтобы веб-сайт был доступен через Интернет с любого устройства, использующего доменное имя, вы должны зарегистрировать его. Вы можете сделать это со специалистом. 📌 регистратор, например 📌 Beget/📌 Reg-ru (и при условии, что нужное имя никем не занято!).
После регистрации доменного имени (в качестве примера показываю Бегет и Рег-ру) нужно открыть управление записями DNS и создать запись вида «А 92.252.216.210» (конечно нужно указать свой внешний IP!). Этой операцией мы «говорим» какой IP должен открываться при доступе к домену!
Изменить запись A в настройках DNS (у регистратора домена или DNS-хостинга)
Кстати, на Рег-ру надо выбирать бесплатно. DNS-серверы (их), и тогда вы сможете добавить запись A.
Reg-ru — укажите IP адрес сервера, на котором должна быть открыта страница
Затем придется подождать 15-60 минут. (обычно). Сначала при попытке открыть «нашу» страницу по доменному имени будет показывать заглушку регистратора, но при обновлении записей страница появится!
Важный момент: сайт перестанет открываться, когда провайдер изменит ваш внешний IP-адрес, либо вы выключите компьютер (на котором запущен Open Server).
Через 15 минут сайт стал открываться на указанном IP — все работает!
*
Установка движка (например, WordPress) в Open Server
ШАГ 6
1) Для начала вам необходимо скачать движок сайта на свой ПК (обычно это ZIP архив). Для примера я взял WordPress — официальный сайт: https://ru.wordpress.org/download/releases/
2) Затем вам нужно запустить Open Server, щелкнуть правой кнопкой мыши по значку и открыть PHPMyAdmin. См пример ниже. 👇
Примечание. Логин root, пароль не требуется!
откройте настройки открытого сервера — PHPMyAdmin
3) После нужно создать базу, например я набрал «test1» и нажал кнопку «Создать». См ниже. 👇
Создать базу данных (пользователь root, без пароля)
4) Затем в папке «Domains» (она находится в каталоге с файлами Open Server) нужно создать папку с доменным именем вашего сайта и распаковать в нее архив с файлами движка WordPress (в моем случае, путь был такой: C:openserver5.2domainstestforme.site).
В WordPress за подключение к базе данных отвечает файл «wp-config-sample.php» — переименуйте его в «wp-config.php» и откройте для редактирования!
Извлеките файлы WordPress в папку домена нашего сайта
5) В строку с «DB_NAME» вписываем имя нашей созданной базы данных (в моем случае test1), в «DB_USER» вставляем root, а пароль в строке «DB_PASSWORD» не указан. См пример ниже. 👇
Как выглядит открытый wp-config.php в блокноте — отредактируйте файл
6) Теперь, если открыть адрес нашего сайта в браузере (если не открывается, перезапустите Open Server!), появится приветственное меню с установкой WordPress. Осталось только дать имя сайту, ввести логин и пароль для входа в админку и установить движок.
Установить WordPress
7) Сайт заработал на WordPress! Вверху появилась панель — вы можете открыть ее, чтобы изменить тему, добавить новости и заметки и т д.
Работает на ПК!
Он также открывается на телефоне! Кстати, как только я выключил ПК (типа Open Server) — сайт сразу перестал работать… 🙂
*
Итоги
ШАГ 7
В целом рассмотренный в заметке вариант позволяет сравнительно легко и быстро распространять свой сайт и предоставлять доступ к нему пользователям из локальной сети и Интернета.
Однако есть и недостатки, способные превратить любое удобство и экономию в полную противоположность:
- во-первых, нужен статический «белый» IP-адрес (как правило, это отдельная услуга от вашего интернет-провайдера. Иногда цена на нее выходит дороже, чем аренда платного хостинга/сервера);
- во-вторых, компьютер с веб-сервером и веб-сайт должен работать 24 часа в сутки (или посетители должны знать, когда его посетить 🙂);
- в-третьих, желательно подключение. 📌 двум интернет-провайдерам для обеспечения бесперебойного доступа;
- в-четвертых, желательно разместить сайт на SSD-накопителе (чтобы быстрее открывался);
- в-пятых, если у вас много посетителей или сайт предлагает какую-то ресурсоемкую услугу, ваш процессор может начать «испытывать» высокую нагрузку. Работать на ПК неудобно…
- в-шестых, за всем этим «добром» нужно периодически следить: чтобы интернет работал, IP не менялись, ПК не перегревался (и работал 24 часа в сутки) и т.д.
*
📌 Взвесив все за и против, оказывается, что делать это в целях экономии практически бессмысленно (по крайней мере, во многих случаях).
Другое дело, если вам нужно создать небольшой форум в локальной сети для друзей, или вы тестируете свой сайт перед «большим заплывом» — то почему бы и нет?! 🙂
*
Я преклоняюсь перед этим, успехов!
👋
https://ocomp.info/svoy-server-doma.html
