Привет всем веб-разработчикам и тем, кто только начинает!
Бывает так, что когда вы разрабатываете сайт, вам нужно его кому-то показать: будь то заказчик, который заплатит вам за это деньги или друг, которому вы хотите показать что-то необычное. А как поступить, если нужно показать сайт, который находится у вас на жёстком диске компьютера? Первое, что может прийти вам в голову это найти бесплатный хостинг. Они, обычно, не отличаются надежностью и скоростью работы, а платить за доменное имя вам не хочется.
Но есть способ дать доступ к вашему сайту абсолютно любому человеку прямо с вашего жесткого диска!
Давайте начнем!
Для того, чтобы осуществить задуманное, нам потребуется локальный сервер. Рекомендуем пользоваться Open Server под Windows 10. Именно он сможет заменить нам хостинг.
Прочитать о том, как установить Open Server можно в этой статье.
Далее есть два варианта:
1. У вас есть выделенный провайдером статический IP-адрес.
2. У вас нет выделенного провайдером статического IP-адреса.
Вариант первый
Выделенный (статический) IP-адрес предоставляется вашим провайдером. Часто бывает, что он берет за это отдельную плату.
Безопасность!
Всегда помните, что если к устройству открыт доступ из интернета, то это не гарантирует его безопасность.
Итак, начнем. Нужно открыть настройки Open Server и перейти на вкладку «Алиасы». В поле «Исходный домен» пишем нам выделенный IP-адрес. Чтобы узнать свой IP-адрес, если вы его не знаете, можно воспользоваться сервисом 2ip.ru. В поле «Конечный домен» выбираем из списка нужный домен. Далее нажмите «Добавить».
Далее нужно создать проброс портов в вашем маршрутизаторе. Они у всех разные, в этом примере используется роутер TP-LINK TL-WR841N. С другими роутерами проблем у вас возникнуть не должно, так как принцип везде один и тот же: вам нужно найти в меню панели управления роутером пункт «Переадресация портов» или «Port Forwarding».
Если такого нет, поищите на просторах интернета «как создать переадресацию портов в роутере ХХХ». Или прочитать в этой статье.
В панели управления роутером переходим в раздел «Переадресация», далее в «Виртуальные серверы» и нажимаем кнопку «Добавить...».
Стандартно для соединения по протоколу HTTP используется порт 80. Поэтому пишем в поле «Порт сервиса». В поле «Внутренний порт» пишем порт, который использует ваш сайт. Его можно посмотреть в настройках Open Server, на вкладке «Алиасы», внизу указаны настройки портов. По умолчанию там стоит порт 80. Если необходимо, его можно поменять. После этого в поле «IP-адрес» вводим там локальный сетевой адрес вашего компьютера.
Узнать локальный IP-адрес вашего компьютера его можно нажав сочетание клавиш WIN + R, ввести «cmd», откроется командная строка. Там вводим «ipconfig», строка IPv4-адрес показывает ваш локальный IP-адрес компьютера. В этом примере он 192.168.0.103.
Нажимаем кнопку «сохранить» и перезагружаем маршрутизатор. Вводите в строке браузера ваш IP-адрес и ваш сайт открывается.
Вариант второй
Как поступить, если статического IP-адреса от провайдера у вас нет и платить за него не хочется? Специально для этого есть возможность открыть доступ к вашему сайту из интернета с помощью технологии DDNS (Dynamic Domain Name System). Она уже есть во множестве маршрутизаторов. Есть ещё одна вещь — это DNS-сервер. Откуда нам его взять? Есть специальные сервисы, которые предоставляют услугу DDNS. Подобных сервисов великое множество, но мы будем использовать один — noip.com.
Для начала нам нужно зарегистрироваться в этом сервисе. Тут всё понятно: вводим свой email, придумываем пароль. Чуть ниже поля «Hostname» поставьте галочку на пункте «Create my hostname later» — это позволит вам создать имя хоста после того, как вы зарегистрируетесь. Ставим галочку, тем самым соглашаясь с политикой конфиденциальности и условиями использования. Далее жмём кнопку «Free Sign Up».
Далее активируем аккаунт путем перехода по ссылке, которая придёт вам на электронную почту. Идём в свой личный кабинет и переходим на вкладку «Dynamic DNS», далее на «NO-IP Hostnames» и нажимаем кнопку «Create Hostname».
В поле «Hostname» придумываем и вводим любое имя.
В поле «Domain» выбираем любой понравившийся домен или оставить по умолчанию.
Раздел «Record Type» оставляем как есть. (DNS Host (A))
В поле «IPv4 Address» уже автоматически указан ваш внешний IP-адрес. Если вы неуверенны, можете сравнить его с IP на 2ip.ru.
После этого нажимаем «Create Hostname». После этого хост будет создан.
Теперь вам нужно скопировать адрес, который у вас получился (например hostname.ddns.net). Переходим к панели управления роутером и переходим на вкладку «Динамический DNS». В поле «Поставщик услуг» выбираем noip.com, вводим имя пользователя и пароль, которые вы указывали при регистрации в сервисе. В поле «Доменное имя» вставляем наш адрес хоста. Ставим галочку «Включить DDNS» и нажимаем «Войти». В поле «Состояние подключения» должна появиться надпись «Успешно!». После этого нажимаем «Сохранить» и перезагружаем роутер.
Конечным пунктом настройки будет являться раздел «Алиасы» в Open Server. В поле «Исходный домен» вводим адрес вашего хоста с сайта noip.com, в поле «Конечный домен» вводим доменное имя вашего сайта на локальном диске. Нажимаем кнопку «Добавить».
Вводим в адресную строку браузера имя вашего хоста и... Ура! Ваш сайт открылся. Рекомендую проверять на устройстве, находится вне вашей локальной сети. Например, с мобильного телефона, который не подключен к wifi, а имеет доступ к сети через мобильный интернет.
Важное замечание: ваш провайдер может блокировать 80 порт. Поэтому, вне локальной сети вы не сможете открыть ваш сайт. Чтобы решить эту проблему необходимо изменить порт в настройках Open Server (Настройки — вкладка Сервер — Настройки портов), который использует протокол HTTP или обратиться к своему провайдеру с просьбой разблокировать 80 порт.
Будем рады, если вам помогла эта инструкция. Если у вас что-то не получается можете написать об этом в комментариях — обязательно ответим, поможем.