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


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

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

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

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

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

Структура статьи

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Как настроить локальный сервер тестирования? - Изучите веб-разработку

В этой статье объясняется, как настроить простой локальный тестовый сервер на вашем компьютере, а также основы его использования.

Локальные файлы и удаленные файлы

На протяжении большей части области обучения мы советуем вам просто открывать свои примеры непосредственно в браузере - это можно сделать, дважды щелкнув файл HTML, перетащив его в окно браузера или выбрав File > Open... и переход к файлу HTML. Есть много способов добиться этого.

Если путь веб-адреса начинается с file: // , за которым следует путь к файлу на локальном жестком диске, используется локальный файл. Напротив, если вы просмотрите один из наших примеров, размещенных на GitHub (или пример на каком-либо другом удаленном сервере), веб-адрес будет начинаться с http: // или https: // , чтобы показать, что файл содержит был получен через HTTP.

Проблема с тестированием локальных файлов

Некоторые примеры не запускаются, если вы открываете их как локальные файлы.Это может быть связано с множеством причин, наиболее вероятной из которых является:

  • Они содержат асинхронные запросы . Некоторые браузеры (включая Chrome) не будут выполнять асинхронные запросы (см. Получение данных с сервера), если вы просто запустите пример из локального файла. Это связано с ограничениями безопасности (подробнее о веб-безопасности см. Безопасность веб-сайта).
  • Они имеют серверный язык . Для серверных языков (таких как PHP или Python) требуется специальный сервер для интерпретации кода и предоставления результатов.

Запуск простого локального HTTP-сервера

Чтобы обойти проблему асинхронных запросов, нам нужно протестировать такие примеры, запустив их через локальный веб-сервер. Один из самых простых способов сделать это для наших целей - использовать Python SimpleHTTPServer (или http.server , в зависимости от установленной версии Python)

.

Для этого:

  1. Установите Python. Если вы используете Linux или macOS, он уже должен быть доступен в вашей системе.Если вы являетесь пользователем Windows, вы можете получить установщик с домашней страницы Python и следовать инструкциям по его установке:

    • Перейти на python.org
    • В разделе «Загрузка» щелкните ссылку для Python «3.xxx».
    • Внизу страницы выберите исполняемый установщик Windows x86 и загрузите его.
    • Когда он загрузится, запустите его.
    • На первой странице установщика убедитесь, что установлен флажок «Добавить Python 3.xxx в PATH».
    • Щелкните Установить , затем щелкните Закройте , когда установка будет завершена.
  2. Откройте командную строку (Windows) / терминал (macOS / Linux). Чтобы проверить, установлен ли Python, введите следующую команду:

     питон -V # Или у вас может быть доступна команда py, # в этом случае попробуйте py -V 
  3. Это должно вернуть номер версии. Если это нормально, перейдите в каталог, в котором находится ваш пример, с помощью команды cd .

     # укажите имя каталога, чтобы ввести его, например cd Desktop # используйте две точки для перехода на один уровень каталога, если вам нужно cd .. 
  4. Введите команду для запуска сервера в этом каталоге:

     # Если версия Python, возвращенная выше, - 3.X python3 -m http.server # В Windows попробуйте "python" вместо "python3" или "py -3" # Если версия Python, возвращенная выше, - 2.X python -m  SimpleHTTPServer  
  5. По умолчанию содержимое каталога запускается на локальном веб-сервере через порт 8000.Вы можете перейти на этот сервер, перейдя по адресу localhost: 8000 в своем браузере. Здесь вы увидите содержимое указанного каталога - щелкните HTML-файл, который хотите запустить.

Примечание : Если у вас уже есть что-то, работающее на порту 8000, вы можете выбрать другой порт, выполнив команду server, за которой следует альтернативный номер порта, например python3 -m http.server 7800 (Python 3.x) или python -m SimpleHTTPServer 7800 (Python 2.Икс). Затем вы можете получить доступ к своему контенту по адресу localhost: 7800 .

Локальный запуск серверных языков

Модуль

Python SimpleHTTPServer (python 2.0) http.server (python 3.0) полезен, но он не знает, как запускать код, написанный на таких языках, как Python, PHP или JavaScript. Чтобы справиться с этим, вам понадобится что-то большее - именно то, что вам нужно, зависит от серверного языка, который вы пытаетесь запустить. Вот несколько примеров:

  • Для запуска кода Python на стороне сервера вам потребуется веб-фреймворк Python.Вы можете узнать, как использовать платформу Django, прочитав Django Web Framework (Python). Flask также является хорошей (чуть менее тяжелой) альтернативой Django. Чтобы запустить это, вам нужно установить Python / PIP, затем установить Flask, используя pip3 install flask . На этом этапе вы должны иметь возможность запускать примеры Python Flask, используя, например, python3 python-example.py , а затем перейти к localhost: 5000 в своем браузере.
  • Для запуска кода на стороне сервера Node.js (JavaScript) вам потребуется использовать необработанный узел или фреймворк, построенный на его основе.Express - хороший выбор - см. Express Web Framework (Node.js / JavaScript).
  • Для запуска серверного кода PHP запустите встроенный сервер разработки PHP:
 $ cd путь / к / вашему / php / коду $ php -S локальный: 8000 
.

Как разместить веб-сайт для начинающих (локально и / или публично)

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

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

В этом посте будет представлен обзор некоторых основ веб-хостинга, включая объяснение того, что это такое и почему это важно.

Затем мы обсудим различия между локальным и внешним хостингом и обсудим некоторые важные аспекты использования каждого из них.

Нам есть что обсудить - так что приступим!

Введение в хостинг веб-сайтов: что это такое и зачем он вам

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

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

Важно отметить, что есть два способа разместить веб-сайт: (1) внешний / общедоступный и (2) локальный .

Локальный веб-сайт хранится на вашем собственном компьютере, а внешний сайт хранится на сервере провайдера.

Если вы уже знаете, как вам нужно разместить свой веб-сайт, вы можете перейти к более подробной информации прямо сейчас:

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

Вместо этого локальные сайты обычно используются для тестирования и разработки или промежуточной стадии и видны только владельцу и / или разработчику сайта. Затем размещенная на внешнем сервере копия сайта становится общедоступной для пользователей при поддержке гораздо более мощного сервера хостинг-провайдера.

Локальный и внешний хостинг часто используются вместе. Однако, если вам просто нужен частный сайт для разработки, вам может потребоваться только локальный хостинг. Аналогичным образом, если ваш веб-сайт очень маленький и простой, вы часто можете отказаться от промежуточного сайта и использовать только внешний хостинг.

Как разместить веб-сайт в Интернете (5 ключевых соображений)

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

1. Определите лучший тип хостинга для вашего сайта

Для пользователей WordPress есть пять основных типов хостинга, которые следует учитывать:

  1. Общий
  2. Виртуальный частный сервер (VPS)
  3. Выделенный
  4. Облако
  5. Управляемый Хостинг WordPress

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

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

2. Изучите дополнительные функции, доступные от различных поставщиков.

Помимо размещения вашего веб-сайта на одном из своих серверов, многие хостинг-провайдеры - особенно те, которые имеют управляемые планы WordPress - предлагают удобные функции, которые могут вам понадобиться для вашего сайта.Вот некоторые из наиболее распространенных: планы хостинга

WordPress иногда также предлагают доступ к темам премиум-класса, автоматическим обновлениям WordPress и поддержке клиентов, связанных с WordPress. Определенно стоит подумать, какие дополнительные функции вам могут понадобиться или вы захотите для своего сайта.

3. Посмотрите на варианты поддержки клиентов различных поставщиков

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

Варианты самообслуживания, такие как форумы пользователей, документация или даже сообщения в блогах, могут помочь вам быстро преодолеть препятствия на пути. Круглосуточная доступность также удобна, чтобы быстро связать вас со службой поддержки и помочь вам связаться с кем-то из компании вашего хоста в случае ошибки, связанной с сервером.

Если вам нужны дополнительные рекомендации по поддержке клиентов, наш опрос по хостингу WordPress 2018 содержит ценные данные, которые вы, возможно, захотите принять во внимание. Более 800 пользователей WordPress оценили несколько популярных хостов как в общей, так и в специальной поддержке клиентов WordPress, так что вы знаете, чего ожидать.

4. Установите бюджет хостинга и найдите подходящую цену.

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

Есть много доступных вариантов хостинга. Однако, как мы упоминали ранее, более дешевые варианты иногда имеют другие проблемы. Веб-хостинг часто является ситуацией «вы получаете то, за что платите».

Бюджет каждого сайта разный, поэтому мы не можем решить, какой именно тарифный план подходит вам лучше всего. Наша лучшая рекомендация - искать планы с низкой стоимостью, но при этом предоставляющие широкий спектр функций и высокие показатели производительности.

5. Выясните, как вы будете устанавливать WordPress на сервер вашего провайдера.

Наконец, всегда полезно подумать о том, как вы будете устанавливать WordPress в своей новой учетной записи хостинга. Хотя сначала это может показаться неважным, параметры установки WordPress могут существенно повлиять на простоту настройки вашего веб-сайта.

Независимо от того, какого хостинг-провайдера вы выберете, вы всегда сможете установить WordPress вручную. Это включает доступ к вашему серверу через протокол передачи файлов (FTP) с использованием такого клиента, как FileZilla.

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

Если у вас нет времени провести собственное исследование по этому поводу, вот наши рекомендации лучших вариантов хостинга, доступных в настоящее время на рынке (с учетом их цены и характеристик):

  • SiteGround - оптимизированный хостинг WordPress, от 3 долларов США .95 / месяц, разрешен 1 веб-сайт, 10 ГБ дискового пространства, до 10000 посещений в месяц
  • Bluehost - дешевый хостинг веб-сайта, от 2,95 долл. США в месяц, разрешен 1 веб-сайт, включено 1 бесплатное доменное имя, 50 ГБ дискового пространства, неограниченная пропускная способность
  • WP Engine - высококачественный управляемый хостинг WordPress, от 25 долларов в месяц, разрешен 1 веб-сайт, 10 ГБ дискового пространства, до 25000 посещений в месяц, 35+ премиальных тем StudioPress включены

Как разместить свой собственный веб-сайт локально (2 метода)

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

1. Создайте сайт с помощью локального веб-стека

Локальный веб-стек, например XAMPP, представляет собой программное обеспечение, которое предоставляет несколько компонентов, необходимых для локальной разработки, включая веб-сервер. Основное преимущество использования этого метода заключается в том, что он дает вам максимальный контроль над вашим сайтом:

Кроме того, XAMPP сохраняет ваш локальный сайт полностью приватным и недоступным для других пользователей.Обратной стороной является то, что его немного сложно настроить. Вам нужно будет установить XAMPP и вручную установить WordPress, чтобы запустить его.

Также важно отметить, что, хотя вы можете использовать сайт WordPress, размещенный через XAMPP, для тестирования плагинов или практики кодирования, вы не можете использовать его для создания настоящего промежуточного сайта. Из-за различий в конфигурации оборудования функции, которые работают при установке XAMPP WordPress, не обязательно будут работать на действующем сайте WordPress.

2.Подпишитесь на виртуальную среду песочницы

Гораздо более простой способ создать локальный сайт WordPress - и разместить свой действующий сайт - это использовать виртуальную среду песочницы. Эти платформы, в том числе Local by Flywheel, позволяют легко создавать локальные установки WordPress:

Local by Flywheel можно использовать совершенно бесплатно. Все, что вам нужно сделать, это зарегистрироваться, загрузить приложение и начать создавать сайты. Однако вы должны убедиться, что настроили свои настройки так, чтобы ваши сайты не были видны поисковым системам.

Также имейте в виду, что, хотя ваши сайты будут размещаться локально, вы по-прежнему технически полагаетесь на сторонний ресурс. В случае, если Flywheel перестанет поддерживать платформу, вам придется найти другое решение (хотя нет никаких указаний на то, что это может произойти в ближайшее время).

Заключение

Когда дело доходит до веб-хостинга, вам есть о чем подумать. Изучение основ того, что такое хостинг и как он работает, может помочь вам принимать обоснованные решения о том, как разместить свой сайт WordPress.

Это включает в себя учет различий между локальным и внешним хостингом, а также ваши варианты использования каждого из них:

  1. Локальный хостинг предполагает использование вашего компьютера в качестве сервера для вашего веб-сайта и может быть настроен через локальный веб-стек, такой как XAMPP или виртуальная песочница, такая как Local by Flywheel.
  2. Внешний хостинг (в Интернете) требует от вас выбора хостинг-провайдера. Принимая решение, вы должны учитывать типы хостинга, функции, поддержку клиентов, цену и простоту установки.Мы рекомендуем хосты Bluehost (2,95 доллара в месяц), SiteGround (6,99 доллара в месяц) и WP Engine (25 долларов в месяц - хост высокого класса).

У вас есть вопросы о том, как разместить сайт? Задайте их в комментариях ниже!

Бесплатное руководство

5 основных советов по ускорению
Ваш сайт WordPress

Сократите время загрузки даже на 50-80%
, просто следуя простым советам.

* Это сообщение содержит партнерские ссылки. Это означает, что если вы нажмете на одну из ссылок на продукт, а затем купите продукт, мы получим комиссию.Не беспокойтесь, вы все равно будете платить стандартную сумму, так что с вашей стороны никаких затрат не будет.

.

sql - как запустить веб-сайт Asp.Net на Windows 7 в качестве сервера в локальной сети?

Переполнение стека
  1. Около
  2. Товары
  3. Для команд
  1. Переполнение стека Общественные вопросы и ответы
  2. Переполнение стека для команд Где разработчики и технологи делятся частными знаниями с коллегами
  3. Вакансии Программирование и связанные с ним технические возможности карьерного роста
  4. Талант Нанимайте технических специалистов и создавайте свой бренд работодателя
  5. Реклама Обратитесь к разработчикам и технологам со всего мира
  6. О компании

Загрузка…

  1. Авторизоваться зарегистрироваться
.

Как превратить ваш ноутбук / настольный компьютер в сервер и разместить на нем веб-сайт, доступный через Интернет: Часть 2

Как преобразовать ваш ноутбук / настольный компьютер в сервер и разместить на нем веб-сайт, доступный через Интернет: Часть 2

Это часть 2 из серии статей о размещении веб-сайта в Интернете на вашем собственном ноутбуке. В части 1 мы разработали концепции структуры и функционирования Интернета. В этой части я проведу вас через процесс размещения и запуска веб-сайта в Интернете.

Вот демонстрация работающего сервера на моем ноутбуке:

https://janishar.com/

Ссылка на часть 1: НАЖМИТЕ ЗДЕСЬ

Я также создал БЕСПЛАТНЫЕ видеоуроки для понимания Интернета: Вот ссылка

Одним из важных понятий при общении через Интернет являются порты. Итак, что такое порт?

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

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

Порт всегда связан с IP-адресом хоста и типом протокола связи и, таким образом, завершает сетевой адрес назначения или источника сеанса связи.Порт идентифицируется для каждого адреса и протокола 16-битным числом, обычно известным как номер порта . Например, адрес может иметь вид «протокол: TCP, IP-адрес: 1.2.3.4, номер порта: 80», что может быть записано как 1.2.3.4:80, если протокол известен из контекста.

В основном приведенный выше текст означает, что любая связь между сетевыми устройствами осуществляется через порт, который представляет собой программную конструкцию, которая помогает при приеме и обработке данных для сетевых устройств. Порт, который представляет собой номер после «:» в IP-адресе, определяет порт, на который должны быть отправлены данные.Мы, должно быть, видели номера портов в URL-адресах. По умолчанию HTTP использует порт 80, а HTTPS - порт 443, и мы не добавляем их в браузер, но неявно обрабатываются браузерами. Но такой URL-адрес, как http://www.example.com:8080/path/, указывает, что веб-браузер вместо этого подключается к порту 8080 HTTP-сервера.

Что такое переадресация портов?

Переадресация портов или сопоставление портов - это приложение трансляции сетевых адресов (NAT) , которое перенаправляет запрос связи с одного адреса и комбинации номера порта на другой, пока пакеты проходят через сетевой шлюз, например маршрутизатор или межсетевой экран.Этот метод чаще всего используется для того, чтобы сделать сервисы на хосте, находящемся в защищенной или замаскированной (внутренней) сети, доступными для хостов на противоположной стороне шлюза (внешней сети), путем переназначения IP-адреса назначения и номера порта связи на внутренний хост.

Это означает, что когда запрос поступает на маршрутизатор на определенный порт, он перенаправляет этот запрос на сервер в локальной сети маршрутизатора, чтобы иметь возможность его обработать (если настроено в настройках NAT).Таким образом, он работает как привратник.

IP-адрес веб-сервера в виде числа вроде 123.123.123.123, но как http://www.example.com может взаимодействовать с этим сервером?

example.com называется доменным именем. Доменные имена - это удобные для человека формы Интернет-адресов, которые обычно используются для поиска веб-сайтов. Система доменных имен (DNS) по сути является глобальной системой адресации. Это способ, которым доменные имена находятся и транслируются в адреса интернет-протокола (IP), и наоборот.Доменное имя, например example.com, является уникальным псевдонимом для IP-адреса http://123.123.123.123:80, который является реальной физической точкой в ​​Интернете. Интернет-корпорация по присвоению имен и номеров ( ICANN ) - это некоммерческая организация, отвечающая за координацию обслуживания и процедур нескольких баз данных, связанных с пространствами имен Интернета. Мы можем купить доменное имя, как я сделал с janishar.com, у такого поставщика, как GoDaddy и другие, на какое-то время, а затем указать этому домену, чтобы он указывал на реальный адрес сервера, используя веб-сайты этих поставщиков.

Что такое публичный IP-адрес?

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

Общедоступные IP-адреса - это то, что отличает все устройства, подключенные к общедоступному Интернету. Каждое устройство, подключенное к Интернету, использует уникальный IP-адрес.Это адрес, который каждый интернет-провайдер использует для пересылки интернет-запросов в конкретный дом или офис.

Теперь мы разработали все концепции, необходимые для создания нашего собственного сервера для Интернета.

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

Получите доступ к программному обеспечению маршрутизатора с помощью браузера, введя его локальный IP-адрес. Вы можете найти локальный IP-адрес, используя параметр сведений о сети в подключении вашего ноутбука или используя netstat -rn на терминале Linux.Это адрес шлюза по умолчанию (у меня 192.168.1.1).

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

На этом сайте представлены шаги по переадресации портов для большинства маршрутизаторов: https://portforward.com/router.htm

Найдите свой маршрутизатор на этом сайте и выполните следующие действия.В этой статье я расскажу о настройках роутера Tenda.

Шаг 1: Найдите общедоступный IP-адрес маршрутизатора:

Дополнительно (вверху справа)> Информация об устройстве (верхнее левое меню)> Таблица статуса WAN > IP-адрес WAN

(если вы введете WAN IP-адрес , после чего вы увидите страницу входа в систему вашего маршрутизатора.)

Шаг 2: Освободите порты 80 и 443, если они используются в маршрутизаторе.

Это было сложнее для моего маршрутизатора.

Дополнительно (вверху справа, если нет)> Управление> Контроль доступа> AccessCtrl

Включить WAN для HTTP> Изменить порт на 8080> Отключить WAN для HTTP

Включить WAN для HTTPS> Изменить порт на 8081> Отключить WAN для HTTPS

Применить / сохранить

Шаг 3: Изменить пароль маршрутизатора для безопасности

Дополнительно (вверху справа, если его нет)> Управление> Контроль доступа> Пароли> Применить / сохранить

Шаг 4: Настройка NAT

Дополнительно ( вверху справа, если нет)> Расширенная настройка> NAT> Виртуальные серверы> Добавить

Custom Service:> введите имя> IP-адрес сервера:> добавьте IP-адрес портативного компьютера, который будет сервером (введите 192.168.1.250, и мы настроим этот IP-адрес вручную на ноутбуке)

Заполните запись в таблице следующим образом:

Начало внешнего порта> 80> конец внешнего порта> 80> Протокол> TCP> Начало внутреннего порта> 80> Внутренний порт Конец> 80> Применить / сохранить

Аналогичным образом добавьте еще одну запись NAT для 443, если вы хотите настроить HTTPS, как на моем сайте https://janishar.com.

Шаг 5: Ограничьте DHPC назначением IP 192.168.1.250 любому другому устройству

ПРИМЕЧАНИЕ: Вы должны добавить 250 в качестве вашего хоста, если ваш шлюз по умолчанию - 192.168.0.1, затем используйте 192.168.0.250

Advanced (вверху справа, если его нет)> Advanced Setup> LAN> Enable DHCP Server> End IP Address> Enter 192.168.1.245> Apply / Save

Step 6: Setup 192.168.1.250 IP-адрес для подключения в Ubuntu или любой ОС, установленной на вашем ноутбуке.

Я посоветую вам использовать графический интерфейс, так как он проще.

Соединение (верхний правый вариант)> Информация о соединениях> Оставить открытым для копирования и вставки

Соединение (верхний правый вариант)> Редактировать соединения> Ваше текущее имя соединения> Редактировать> Настройки IPv4> Добавить (если нет записи)

Адрес> 192.168.1.250> Скопируйте остаток из информации о подключениях> Сохранить

Теперь повторно подключите проводное соединение Wi-Fi или LAN.

Шаг 7: Запустите серверную программу на своем портативном компьютере.

Я использую Nginx. Вы можете запустить любую такую ​​программу, Apache, Tomcat и т. Д. Я не буду объяснять процесс их настройки в этой статье. Вы должны найти по ним соответствующее руководство и сделать это самостоятельно.

Для настройки Nginx вы можете обратиться: https://www.digitalocean.com/community/tutorials/how-to-install-nginx-on-ubuntu-16-04

Мой сервер Nginx прослушивает порт 80 и обслуживает статический веб-сайт, который вы можете увидеть здесь https: // janishar.com.

Для HTTPS я использовал Certbot. Ссылка для Nginx находится здесь: https://certbot.eff.org/#ubuntutrusty-nginx

Шаг 8: Укажите свой домен на свой общедоступный IP-адрес:

Когда вы вводите свой общедоступный IP-адрес в браузере, вы можете надеюсь увидеть ваш сайт, если все настроено правильно. Но мы хотим, чтобы такое имя, как janishar.com, могло легко получить к нему доступ в Интернете.

Купите домен у любого продавца, а затем поместите свой общедоступный IP-адрес в запись «A», и он будет доступен для пользователя в Интернете.

Вы можете увидеть мой действующий веб-сайт https://janishar.com.

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

Coder’s Rock

.

Смотрите также

Поделиться в соц. сетях

Опубликовать в Facebook
Опубликовать в Одноклассники
Вы можете оставить комментарий, или ссылку на Ваш сайт.

Оставить комментарий