< Заур Магомедов />

профессиональный верстальщик и блоггер

Мое хобби - разработка сайтов, но со временем это переросло в постоянный и стабильный источник дохода.

Заур Магомедов
Главная » Полезные советы » Как открыть сайт в локальной сети с локального компьютера?

Как открыть сайт в локальной сети с локального компьютера?

Как открыть сайт в локальной сети с локального компьютера?

Пост был обновлен: Мар 26, 2016

Всем привет! На связи Заур Магомедов с очередной порцией материала для веб-мастеров. Не успел начаться год, как мы уже приблизились к концу февраля. Пишу этот пост в праздничный день 23 февраля и пока не забыл — поздравляю всех мужчин с Днем защитников отечества! Ну что можно пожелать еще, как не мирного неба над головой и здоровья всем нам. А теперь собственно перейдем к теме поста.

Когда разрабатываешь сайт по ходу дела могут появляться какие-либо вопросы к заказчику. Так вот эти вопросы удобнее, а в некоторых случаях просто обязательно обсуждать, когда заказчик видит сам сайт. Как мы можем показать сайт заказчику если он разрабатывается на локальном сервере? Можно, конечно, выгрузить на хостинг, это как вариант. Но для меня лично это неудобно, т.к. придется делать обновление на хостинге периодически по мере поступления вопросов. Можно также работая на локалке, при каждом сохранении файлов выгружать их на хостинг, причем делается это автоматически, например, в редакторе Sublime Text 3 + плагин Sftp есть такая возможность.

Не смотря на вышеперечисленные способы, есть вариант дать доступ к локальному сайту из интернета для просмотра. Тогда заказчик может наблюдать за всем ходом работы. Единственный минус — когда вы выключаете компьютер просмотр станет невозможным. Можно в принципе компьютер и не выключать, пусть работает, ничего страшного в этом нет. Давайте теперь рассмотрим, как показать сайт по локальной сети и дать доступ из интернет.

В качестве веб-сервера я буду использовать мой любимый Open Server.

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

Сразу скажу, что в данной статье я не буду показывать как нужно настраивать саму локальную сеть. Благо по этой теме в интернете есть масса материалов, в том числе и видео. Чтобы показать сайт по локалке нам необходимо сделать некоторые настройки в Open Server. Для этого щелкаем правой кнопкой мыши по флажку Open Server в трее и переходим к настройкам. Выбираем вкладку «Сервер» и там находим такой пункт, как «IP-адрес сервера», выставляем опцию «Все доступные IP».

Настройки Open Server вкладка Сервер

Далее переходим во вкладку «Алиасы». Обратите внимание на поля: исходный домен, конечный домен. В поле «Исходный домен» мы вбиваем IP-адрес нашего компьютера в локальной сети. Узнать его можно следующим образом: щелкаем на комбинацию клавиш Win+R и в появившимся окошке вбиваем команду «cmd» для запуска окна командной строки.

Запуск командной строки в Windows

Далее в окне командной строки вводим команду «ipconfig» и получаем вот такой результат.

Командная строка Windows

Здесь нас интересует срока «IPv4-адрес». Это и есть ваш локальный IP-адрес компьютера. У меня он — 192.168.1.205, вот как раз его я и вбиваю в поле «Исходный домен» в настройках локального сервера. В поле «Конечный домен» мы выбираем домен нашего сайта. Я выбрал домен по умолчанию — Localhost для примера. После выбора жмем по кнопке «Добавить» и у нас в списке внизу появится запись, которая говорит о том, какой домен должен открываться при обращении к компьютеру с данным IP-адресом из локальной сети.

Читайте также:  Где брать идеи для написания статей для сайта?

Исходный и конечный домены во вкладке Алиасы Open Server

Все, сохраняемся. После этого сервер перезапустится и можно уже открывать наш сайт по локальной сети. Для этого просто необходимо вбить ваш локальный IP-адрес на другом компьютере в адресную строку браузера. Вот и все, все довольно просто.

Доступ к локальному сайту из интернета

Можно дать возможность пользователям смотреть на сайт из интернета. В данном случае локальный сервер будет выступать в роли виртуального хостинга. Но здесь есть некоторый нюанс — у вас должен быть выделенный (статичный) внешний IP-адрес. Ваш интернет-провайдер должен назначить вашему компьютеру в своей сети IP-адрес, который останется неизменным. Обычно такую услугу провайдеры предоставляют за отдельную дополнительную плату. Имея выделенный IP-адрес, доступ к локальному сайту можно решить на раз, два…

Безопасность компьютера!

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

Открываем настройки Open Server -> Алиасы. Добавляем новую строку в паре Исходный домен -> Конечный домен. В поле исходного домена вбиваем наш выделенный IP-адрес. В поле конечного домена выбираем наш домен. Не забываем нажать на кнопку «Добавить». Если вы не знаете свой IP-адрес, то узнать его можно на сайте 2ip.ru.

Узнать свой IP-адрес на сайте 2ip.ru

Следующее, что нам необходимо будет сделать это создать переадресацию портов в маршрутизаторе. Для чего это нужно? Когда обращаются к нашему IP-адресу из сети компьютер должен знать куда перенаправлять эти запросы. Так вот, с помощью переадресации мы как-бы говорим открой такой то сайт. Я покажу на примере своего роутера Asus RT-N12, но суть у всех роутеров будет та же самая, поэтому тут проблем не должно возникнуть. Если у вас английская прошивка, то ищите что-то типа Port Forwarding. На крайний случай почитайте в интернете, как создать переадресацию портов в вашем роутере.

Входим в панель управления роутера и переходим в раздел «Интернет» -> «Переадресация портов». Здесь сразу ставим переключатель «Включить переадресацию портов» в положение «Да». Далее, в поле «Имя службы» можно ввести произвольное название на латинице. В поле «Диапазон портов» можно указать диапазон портов с которыми вы будете работать. По умолчанию для http-соединения используется 80-й порт, поэтому в данном поле я ввожу — 80. В поле «Локальный IP-адрес» выбираем свой локальный компьютер. «Локальный порт» — вводим номер порта, с которым работает ваш локальный сайт. Его можно узнать в настройках Open Server. Смотрите выше скрин настроек Open Server, вкладки «Алиасы», ниже указаны настройки портов. Порт по умолчанию «80» можно переопределить, например. — 8080. Это нужно, если в вашей локальной сети уже кто-то занял 80-й порт. Тогда соответственно в поле «Локальный порт» вы указываете — 8080. После всего жмем на кнопочку «Add/Delete» и у нас в списке появляется новая запись.

Переадресация портов в роутере Asus RT-N12

После всех настроек применяем настройки — «Применить», при этом роутер будет перезагружен. Теперь в адресной строке браузера на удаленном компьютере вводим наш внешний IP-адрес и открываем сайт.

Читайте также:  Правильная верстка шаблона - советы новичкам и не только...

Что делать, если у вас нет выделенного IP-адреса?

Вариант с выделенным IP-адресом может подойти не всем. Не каждый захочет переплачивать провайдеру за выделенный IP и я их понимаю. Как раз для таких случаев предусмотрен вариант с динамическим IP-адресом — технология DDNS (Dynamic Domain Name System). Суть ее состоит в том, что клиенты могут подключится к роутеру даже с динамическим внешним IP-адресом через зарегистрированное доменное имя. В большинстве современных роутерах служба DDNS уже встроена. В качестве DNS-сервера выступают сервисы, которые предлагают услуги DDNS. Один из таких сервисов — noip.com. Вообще, таких сервисов может быть много, по крайней мере я знаю уже несколько. Итак, давайте все по порядку.

Регистрируемся на сайте noip.com. При регистрации можно отметить чек-бокс «Create my hostname later», т.е. создать имя хоста позже. Обратите внимание, на странице регистрации указано, что доступно бесплатным пользователям. Нас интересует именно «Hostnames», т.е. количество создаваемых хостов. Для бесплатного аккаунта это количество равно — 3. Думаю этой цифры будет более, чем достаточно.

Выбор тарифного плана на сайте no-ip.com

После регистрации обязательно активируйте свой аккаунт, переходом по ссылке в письме. После авторизации мы попадаем в свой личный кабинет, выбираем в меню «Dynamic DNS (Free)» -> «Hostnames» и создаем имя хоста, кликнув по кнопочке «Add Hostname». В поле «hostname» вводим любое имя латинскими буквами, например, my-site. Имейте ввиду, что выбранное вами имя может быть занято на определенном домене (поле Domain). Можете ввести другое имя или выбрать домен, на котором это имя будет свободно. В поле «IPv4 Address» подставлен ваш внешний IP-адрес, система определила его автоматически. Здесь ничего не трогаем. Если хотите убедиться, что это именно ваш IP, то можете сравнить его на сайте 2ip.ru. Добавляем хост — «Add Hostname».

Создание хоста на сайте no-ip.com

Все, хост у нас создан. Теперь копируем адрес хоста в буфер обмена и идем в панель управления роутера: «Интернет» -> «DDNS» и вводим свои данные, как на скрине ниже. Единственное прокомментирую то, что вам надо будет ввести свой логин и пароль, который вы указывали при регистрации на сайте no-ip.com.

Настройка DDNS в роутере Asus RT-N12

Жмем «Применить» и ждем пока перезагрузится роутер. Последнее, что нам необходимо будет сделать это указать наш хост в Open Server. Для этого идем в настройки, вкладка «Алиасы» и добавляем в список новый хост в ключе Исходный домен -> Конечный домен.

Добавление нового алиаса хоста в Open Server

Все, вбиваем в адресной строке браузера наш хост, в моем случае это — my-site.ddns.net и ура наш локальный сайт открывается. Проверять лучше на телефоне или на другом устройстве, которое не подключено к вашей локальной сети, т.к. данный хост может открыться и по локалке. Можно в телефоне отключить Wi-Fi и через мобильный интернет проверить. Вот, что у меня получилось.

Доступ к локальному сайту из интернет

На этом все. Надеюсь вам данная статья пригодится. Если возникнут вопросы, то задавайте в комментариях, постараемся решить ваши проблемы. Всем пока и встретимся в других постах.

Пост был обновлен: Мар 26, 2016

Заур Магомедов
Заур Магомедов

Верстальщик с большим опытом работы. Занимаюсь созданием сайтов с 2009 года. Постоянно обучаюсь и совершенствую свои навыки. Веду свои проекты, в том числе и данный блог.

У меня вы можете:

Оцените пост:

1 балл2 балла3 балла4 балла5 баллов (5 оценок, среднее: 5,00 из 5)
Загрузка...

Проверка орфографии

Система Orphus

29 комментариев к статье "Как открыть сайт в локальной сети с локального компьютера?"

  • Vladimir Nick мая 26, 2017 в 8:46

    Ставлю все доступные IP и сайт становится не доступным. Как быть?

    • Заур Магомедов
      Заур Магомедов мая 26, 2017 в 11:26

      А в алиасах указали домены?

  • Давлётр Апр 07, 2017 в 19:00

    Доброго времени суток вопрос у меня такой как как войти в локальный сайт используя домен с другого локального компьютера.Мне не надо войти в сайт через инет а просто с локального устройство на пример с телефона или айпада. я могу войти в сайт используя 192.168.3.5 со всех устройств а надо чтобы http://www.muslim.tj чтобы сработало в локалке

    • Заур Магомедов
      Заур Магомедов Апр 08, 2017 в 1:45

      Этот вопрос вам лучше задать на официальном форуме open server.

  • Алексей Фев 08, 2017 в 2:42

    Заур, здравствуйте. Сделал как написали с динамическим IP. При переходе по хостовому имени(которое получил на noip.com) на компьютере с сервером, сайт открывается. А если захожу с другого компа, то открывается админка роутера. Ни подскажете что делать ?

    • Заур Магомедов
      Заур Магомедов Фев 08, 2017 в 12:17

      Проверьте на телефоне. Только отключите Wi-Fi и пробуйте мобильным интернетом. Откроется ли сайт…

  • Зенков Андрей Дек 28, 2016 в 3:15

    Насколько я знаю, Open Server выручает. Достаточно установить галочку на «Все разрешённые IP» и тогда можно будет открывать сайты с локальной сети без проблем. Есть, конечно, свои подводные камни в этом, так как компьютер должен оставаться включённым (в сетевом), но и это можно обойти — было бы желание и умение

  • Шерзод Бек Дек 02, 2016 в 9:43

    Спасибо за статью. Все работает. Можно добавить что если сайт один, вместо опции «Все доступные IP», можно также выбрать один конкретный локальный IP, в вашем случае 192.168.1.205. Все будет так же работать.

    • Заур Магомедов
      Заур Магомедов Дек 02, 2016 в 12:37

      Спасибо вам за дополнение!

  • Костянтин Костинян Ноя 23, 2016 в 15:42

    У меня все получилось, сайт виден с интернета по внешнему ip-adress:http://151.64.***.46
    но как зайти по адресу допустим http://atirkiss.net допустим?

    • Заур Магомедов
      Заур Магомедов Ноя 23, 2016 в 18:54

      Вот с этим сам пока не разобрался. Нужно настраивать dns сервер. В open server вроде бы он есть, но пока не разобрался…

    • Stranger Valabyev Ноя 23, 2016 в 19:32

      Я так понимаю Вы домен купили? Если да ,то в настройках свой домен привязываете к своему айпи адресу. В опен сервере пишете алиас. «ваш сайт» — «корневая папка с сайтом».
      Всё.

      • Заур Магомедов
        Заур Магомедов Ноя 23, 2016 в 19:47

        Да, кстати, это скорее всего и будет решением.

  • Stranger Valabyev Авг 26, 2016 в 13:08

    Здравствуйте,Заур.
    У меня вопрос такого характера.Как можно сделать доступ к сайту,если он находится на другом компьютере в локальной сети?
    Есть выделенный АйПи.Стоит Опен Сервер.Доступ к сайту прописан в алиасе.Из интернета сайт прекрасно видится.С этим вопросов нет.
    Но стоит задача другой сайт расположить на другом сервере в локальной сети.Там просто будут другие версии модулей PHP,SQL,Apache.
    Буду благодарен за совет.

    • Заур Магомедов
      Заур Магомедов Авг 26, 2016 в 18:13

      Честно говоря не совсем понял вопрос — вы хотите показать сайт по локальной сети? Или что-то еще?

      • Stranger Valabyev Авг 27, 2016 в 10:57

        Как открыть доступ по локальной сети я знаю.Прописать Алиас.Точно так же в Алиасе я прописывал для доступа из интернета.У меня статический АйПи.
        Стоит сервер с прямым выходом в интернет.На нём установлен Опен Сервер.Крутиться сайт.Всё хорошо,виден с интернета.
        По некоторым причинам мне нужно другой сайт-визитку развернуть на другом физическом сервере в своей локальной сети.Дело в том,что там нестандартный шаблон и все компоненты работают на старых версиях PHP, SQL, Apache.Обновлять на этом сайте компоненты я не буду.
        Так вот задача состоит в том,чтобы создать доступ ко второму сайту на втором сервере в локальной сети.

        • Заур Магомедов
          Заур Магомедов Авг 27, 2016 в 11:24

          Не понимаю, а какие проблемы — также в алиасах прописываете локальный IP и все. Или вы хотите, чтобы второй сайт из интернета был также доступен?

          • Stranger Valabyev Авг 27, 2016 в 12:44

            Да. Мне нужно чтобы второй сайт тоже был доступен из интернета.

            • Заур Магомедов
              Заур Магомедов Авг 27, 2016 в 13:00

              По умолчанию для доступа по http используется 80-й порт. В настройках Open Server во вкладке «Сервер» меняете порт для http, например, на 8080. Идете в маршрутизатор и пробрасываете порт 8080. Теперь в алиасах указываете локальный IP с портом 8080. В браузере вбиваете ваш-внешний-IP:8080 и сайт должен открыться. Примерно так. Я давно уже делал это и поэтому в точности по шагам не смогу объяснить.

              • Stranger Valabyev Авг 27, 2016 в 13:08

                Стоп. Тогда для открытия сайта в интернете всем нужно будет после имени сайта писать ещё и порт? Тогда это не выход.Это ведь будет рабочий сайт.
                Или я не правильно соображаю?

  • Мага Авг 05, 2016 в 9:16

    Заур здавствуй, я поставил как ты описал на ddns.net свой сайт, но когда захожу в него с других устройств меня запрашивается пароль на роутер Mikrotik webFig login, у меня стоит tp-link ввожу туда все возможные логин и пароли не заходит что делать не подскажешь

    • Заур Магомедов
      Заур Магомедов Авг 07, 2016 в 16:23

      Так я не могу вам сказать. Скорее всего что то неправильно сделали. Проверьте еще раз все настройки. Сайт открываете в локальной сети или через интернет?
      В tp-link правильно настроили раздел DDNS?

  • Сергей мая 30, 2016 в 14:31

    Спасибо огромное, очень помогли

    • Заур Магомедов
      Заур Магомедов Июн 01, 2016 в 1:13

      Не за что! Удачи!

  • Павел Мар 14, 2016 в 11:44

    Заур, добрый день! Через контакты отправлял вам письмо, в котором указал, что хотелось бы сделать на блоге. Оно пришло вам?

    • Заур Магомедов
      Заур Магомедов Мар 14, 2016 в 11:53

      Добрый день Павел! Ответил вам по почте.

  • Максим Фев 28, 2016 в 18:17

    Спасибо, пригодится) С праздником, хоть и с опозданием!

    • Заур Магомедов
      Заур Магомедов Фев 28, 2016 в 18:40

      Спасибо!

  • Sultan Фев 24, 2016 в 17:04

    Спасибо. Полезно. И тебя с праздником. всех благ.

Добавить комментарий

Войти с помощью: 

Ваш e-mail не будет опубликован. Обязательные поля помечены *

Если вы хотите вставить в текст комментария код HTML, CSS, PHP, JavaScript, то обрамите код в соответствии необходимыми тегами:

  • Код HTML - тегами [html] ваш код... [/html]
  • Код CSS - тегами [css] ваш код... [/css]
  • Код PHP - тегами [php] ваш код... [/php]
  • Код JavaScript - тегами [code lang="js"] ваш код... [/code]