Как запустить сайт на локальном компьютере: Как запустить сайт на компьютере без хостинга?

Как разместить свой собственный сайт? (Хост локально или с помощью веб-хостинга)

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

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

Резюме: локальный хостинг против использования провайдера веб-хостинга

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

Хостинг локально

Прежде всего, что значит разместить свой сайт локально? Что ж, веб-хостинг — это, по сути, «дом», в котором живет ваш сайт. 

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

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

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

Так почему же некоторые люди выбирают локальный хостинг? 

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

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

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

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

Это, а также все оборудование, в которое вам нужно будет инвестировать, означает, что у вас будут довольно большие денежные затраты, особенно в начале.

Хостинг у провайдера веб-хостинга

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

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

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

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

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

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

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

Локальные серверы

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

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

Существует несколько вариантов локальных серверных приложений, но здесь я упомяну два: XAMPP и WAMP.  

Особенности	XAMPP	WAMP	MAMP
Поддерживаемые платформы	Кроссплатформенная поддержка, Linux, Windows и Mac OS	Поддерживает ОС Windows	Поддерживает Mac OS
веб-сервер	апаш	апаш	апаш
Языки программирования	HTML, CSS, PHP, Perl	HTML, CSS, PHP	HTML, CSS, PHP
Databases	MySQL	MySQL	MySQL
Установка	Легко скачать, установить и настроить	Легко скачать, установить и настроить	Легко скачать, установить и настроить

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

Самым простым и удобным для пользователя из них является XAMPP, кроссплатформенное приложение, которое можно запускать в Windows, Linux и iOS.  

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

WAMP — это еще один вариант, который работает аналогично, но совместим только с Windows.

Еще один возможный вариант — используйте простой сервер Python.

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

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

Облако хостинг

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

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

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

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

Виртуальные хосты

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

Виртуальный хостинг — это способ разместить несколько независимых доменов на одном сервере или группе серверов.

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

Но это также может быть способ разместить свой собственный веб-сайт (или веб-сайты) на одном компьютере без использования провайдера веб-хостинга.

Существует три основных способа настройки виртуального хоста:

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

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

апаш является самым популярным, но есть и другие варианты.

Как разместить сайт у хостинг-провайдера

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

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

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

1. Выберите провайдера веб-хостинга

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

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

Виртуальный хостинг

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

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

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

Однако, обмен ресурсами с другими сайтами делает означает, что будет меньше выделено на ваш сайт. 

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

Выделенный хостинг

С выделенным хостингом ваш сайт получает собственный Выделенный сервер и не делится ресурсами с другими сайтами.

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

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

VPS хостинг

Хостинг на виртуальном частном сервере (VPS) — еще один вариант, предлагаемый многими провайдерами веб-хостинга.

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

Таким образом, это своего рода золотая середина между общим и выделенным веб-хостингом.

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

Облачный VPS-хостинг

Еще один вариант хостинга использовать облачный веб-хостинг.

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

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

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

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

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

Одним из них является Хостинг Scala, который предлагает управляемый облачный VPS хостинг (гибрид облачного и VPS-хостинга) с высокая безопасность и производительность по удивительно низкой цене.

2. Зарегистрируйте домен

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

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

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

Все домены регулируются Интернет-корпорацией по присвоению имен и номеров (ICANN), поэтому когда вы ищете регистратора доменов, убедитесь, что вы выбрали того, который аккредитован ICANN.

Одним из самых популярных регистраторов доменов является GoDaddy, но есть также много надежных альтернативных регистраторов доменов, такой как Bluehost и Namecheap.

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

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

3. Начните создавать свой сайт

Фу! Теперь, когда вы проделали всю работу и выяснили, где и как разместить свой веб-сайт, пришло время приступить к созданию самого сайта.

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

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

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

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

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

Заключение

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

В общем, Размещение вашего сайта локально дает вам больше контроля над безопасностью, настройками и обновлениями вашего сайта.

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

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

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

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

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

Рекомендации:

https://www.freecodecamp.org/news/how-to-find-and-edit-a-windows-hosts-file/

The 4 Best Local WordPress Development Environments in 2021: XAMPP vs MAMP vs Local vs DesktopServer

Список протестированных и рассмотренных нами услуг веб-хостинга:

Локальный сервер — что это?

При разработке веб-сайтов часто удобнее работать не с «настоящим» веб-сервером Интернет-провайдера, а сделать его программную копию, эмулировать этот веб-сервер на компьютере разработчика. Такую эмуляцию и называют локальным сервером.

Локальный сервер — что это?

Локальный сервер – это набор программного обеспечения, который выполняет функции сервера, работающий на локальном компьютере или в локальной сети предприятия.

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

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

Local server и localhost

Иногда локальный сервер (local server) могут называть localhost, хотя это не совсем верно. Localhost – это компьютер пользователя в сети, на котором осуществляется доступ к удалённому веб-сайту или приложению. Однако, этот веб-сайт или приложение могут физически располагаться на компьютере пользователя и работать по тем же протоколам, как и при удалённом доступе.

Для этих целей используется т.н. «обратный IP-адрес» (loopback address) 127.0.0.1, который используется для тестирования программ на компьютере разработчика, так как будто с ними работает конечный пользователь, без пересылки информации через сеть Интернет.

При вызове какого-либо IP-адреса, вызов с компьютера уходит в Интернет. Однако, вызов адреса 127.0.0.1 не вызывает никакого взаимодействия с внешней сетью, но заставляет компьютер пользователя вести себя как внешний сервер. В этом случае компьютер и называется «localhost». Адресное пространство для localhost составляет от 127.0.0.0 до 127.255.255.255, но обычно используется адрес 127.0.0.1. Однако для того, чтобы компьютер работал как локальный сервер, на нем должно быть установлено соответствующее программное обеспечение.

ПО для локального сервера

ПО локального сервера обозначается аббревиатурой xAMP, от его самых необходимых компонентов: Apache, MySQL, PHP. Данным сокращением описывается комплектация пакетов программ под соответствующую операционную систему, обозначаемую буквой «х». Например, для Windows это будет WAMP, для Linux – LAMP, для Mac OS – MAMP.

Системы xAMP представляют собой пакеты программ (сборки), которые не нужно устанавливать и настраивать по отдельности.

Для WAMP наиболее популярны локальные серверы: OpenServer, Денвер, XAMPP. В платформу WAMP также входят открытое ПО Apache, СУБД MySQL, интерпретатор PHP для работы с языками программирования, автоматический установщик расширений.

Open Server

Open Server — многофункциональный инструмент, очень популярный среди разработчиков. Имеет простой и понятный интерфейс и навигацию, удобную управляющую программу, а также большой выбор подключаемых компонентов. В полную версию включён необходимый набор программ для быстрого начала работы с ним (Opera, Sublime, WinSCP, Simplewall, Jcpicker, Bright Master). В состав входит несколько HTTP-серверов (Apache или Nginx), различные версии модулей PHP и СУБД.

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

К недостаткам следует отнести невозможность автоматического обновления пакета программ (только вручную).

Денвер

Название «Денвер», как ни странно, имеет российское происхождение. Это сокращение фарзы «джентльменский набор Web-разработчика», ДНВР). В английском варианте используется название Denwer. Денвер представляет собой набор дистрибутивов и программную оболочку, предназначенные для создания и отладки сайтов, веб-приложений и прочего динамического содержимого интернет-страниц на локальном ПК без необходимости подключения к сети Интернет под управлением ОС Windows.

К достоинствам Денвера можно отнести простоту и небольшой объём, к недостаткам – в целом не очень широкий функционал, который, однако, каждый разработчик может «добирать» для себя самостоятельно.

XAMPP

XAMPP (читается как «Зэмп») — кроссплатформенная сборка локального веб-сервера, которая состоит содержащая сервер Apache, систему управления баз данных Maria SQL (либо MySQL), интерпретатор скриптов PHP, язык программирования Perl и большое количество дополнительных библиотек, позволяющих запустить полноценный веб-сервер.

Кроме этого, пакет XAMPP содержит также FTP-сервер FileZilla, сервер POP3/SMTP, а также утилиту phpMyAdmin. XAMPP работает со всеми 32-х разрядными ОС Microsoft (98[2]/2000/XP/2003/Vista/7), а также с Linux, Mac OS X и Solaris. Программа свободно распространяется согласно лицензии GNU General Public License.

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

Другие варианты сборок локальных серверов

Есть также много других вариантов наборов программ локального сервера: EasyPHP, VertrigoServ, WampServer, MoWeS Portable, AppServ, Bitnami, Endels, Uniform Server, Usbwebserver, EleanorServer, VVV.

Для чего может понадобиться локальный сервер

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

• Установка различных систем управления контентом (CMS) для знакомства с их интерфейсом и административной панелью.

Сейчас уже практически никто не создаёт веб-сайты с нуля, как никто, например, не шьёт костюм, начиная с изготовления ткани на ткацком станке. Для этого, в основном, используются различные т.н. «системы управления контентом» CMS (Content Management System), как WordPress, или многие другие.

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

• Для обучения программированию, работе в различных программах вёрстки, обработки изображений и пр.

Разработки программ часто ведётся удалённо на облачных платформах PaaS (Platform as a Service). Это даёт возможность коллективу разработчиков ПО значительно сэкономить на начальных инвестициях, поскольку в этом случае не нужно закупать дорогостоящее серверное оборудование, чтобы развернуть аппаратную среду разработки у себя в офисе или дома.

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

Однако, эту среду разработки нужно вначале изучить, и понять все её особенности. Если сразу начать работать с облачным провайдером PaaS, это может быть чревато нерациональными затратами на удалённый доступ, возможностью приобретения функционала, который в дальнейшем не потребуется, да и время будет тратиться больше.

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

• Для тестирования корректности работы систем резервирования и катастрофоустойчивости

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

• Для корректировки структуры веб-сайта

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

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

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

Заключение

Итак, локальный сервер – один из самый востребованных инструментов веб-разработчика. Локальный сервер для него – это и «производственный станок», и «нагрузочный стенд» (подобный стенду для настройки режимов двигателя в гараже) и «мольберт» дизайнера.

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

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

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

Некоторые разработчики используют довольно редкие виды локальных серверов: WampServer, EasyPHP, AppServ и др. Однако, повторим, что идеального и универсального решения для выбора локального сервера не существует. Всё зависит от круга задач, который необходимо решать в той или иной ситуации.

Как использовать IIS для локального размещения веб-сайта в Windows

Автор Шарлин Хан

Опубликовано 30 июня 2022 г.

IIS от Microsoft — это скрытая жемчужина: мощный веб-сервер, бесплатный и встроенный. Более того, это отличный вариант для тестирования вашего сайта.

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

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

На ПК с ОС Windows можно использовать информационные службы Интернета (IIS). IIS поставляется бесплатно с Windows, поэтому все, что вам нужно сделать, это включить и настроить его для просмотра вашего веб-сайта.

IIS — это веб-сервер, который можно использовать для размещения статических или динамических веб-сайтов. Веб-сервер работает, предоставляя содержимое, такое как HTML, JavaScript или мультимедийные файлы, в браузер пользователя в ответ на запрос.

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

Одним из примеров этого является публикация сцены из проекта Unity. Скорее всего, вы получите сообщение об ошибке, если попытаетесь открыть файл index.html непосредственно в браузере без запущенного веб-сервера. В этом случае вы можете хранить файлы Unity WebGL в IIS и запускать их на сервере.

Как включить IIS

Включите IIS с помощью меню Включение и отключение функций Windows в Windows.

1. Поиск Включение и отключение компонентов Windows с помощью строки поиска:
2. Выберите параметр Internet Information Services :
3. Разверните Internet Information Services и выберите все необходимые подфункции:
4. Щелкните OK и подождите, пока Windows применит новые изменения. В будущем, если вы решите удалить или изменить какие-либо функции, Windows может попросить вас перезагрузить компьютер перед их применением.
5. Найдите приложение IIS, которое теперь будет доступно для открытия на вашем компьютере с Windows:
6. Откройте IIS для просмотра консоли IIS:

Как создать простой тестовый веб-сайт

Создайте простой статический веб-сайт с помощью HTML и CSS.

1. Создайте новый файл с именем index.html . Добавьте в файл следующее содержимое:

     
     
     
      
      
      
      
      
      
     
     
    
    
     
    
    
     веб -сайт 
    
     
    
    
    
    
    
     домой  
    
    
     о  
    
    
     Контакт  
    
         
    
        
     
    
     
    
        
    Это тестовый сайт 
    
    
    
     
     
    

2. Создайте новый файл CSS с именем styles. css . Добавьте в файл следующий стиль.

    * { 
       семейство шрифтов: без засечек; 
    } 
      
    .nav { 
       border-radius: 0px !важно; 
       цвет: белый; 
    } 
      
    .link { 
       поле-справа: 10px; 
       Размер шрифта: 12pt; 
    } 
      
    .brand { 
       margin-left: 20px; 
       поле-справа: 40px; 
       Размер шрифта: 18pt; 
    } 
      
    .container { 
       text-align: center; 
       padding: 40px 20px; 
    } 

3. Создайте новую папку в каталоге C:\inetpub\wwwroot на вашем компьютере с именем MyTestWebsite . Эта папка специально используется для хранения веб-страниц и другого контента, из которого состоит ваш сайт.
4. Скопируйте или переместите файлы index.html и styles.css в новую папку MyTestWebsite .

Как добавить и настроить свой веб-сайт с помощью IIS

Чтобы разместить свой веб-сайт с помощью IIS, создайте новый веб-сайт и направьте его на свой контент.

1. В левой боковой панели консоли IIS щелкните правой кнопкой мыши каталог Sites .
2. В параметрах меню выберите Добавить веб-сайт , чтобы открыть окно конфигурации:
3. Добавьте имя к Имя сайта , например, «Мой тестовый веб-сайт». IIS автоматически заполнит поле для пула приложений.
4. Добавьте физический путь, который является местом, где вы сохранили файлы своего веб-сайта на компьютере. Нажмите на три точки, чтобы выбрать папку. В меню перейдите к пункту 9.0025 Папка MyTestWebsite в каталоге C:\inetpub\wwwroot
   .
5. Выберите https как Введите . Порт по умолчанию для HTTPS — 443, но вы можете изменить порт на другой, если он в настоящее время используется.
6. Вы также можете настроить имя хоста, но пока оставьте это поле пустым.
7. Для SSL-сертификата выберите Сертификат разработки IIS Express .
8. Выберите Немедленный запуск веб-сайта и нажмите OK .
9. Выделите новый каталог My Test Website в левом столбце.
10. Нажмите Дополнительные настройки , которые находятся в списке опций в правой части панели.
11. В разделе «Поведение» измените параметр Enabled Protocols на «https» и нажмите OK .
12. Если вы хотите изменить эти данные в любой момент времени, вы можете нажать на Основные настройки или Расширенные настройки опции в правом меню.

Как остановить, запустить или перезапустить ваш веб-сайт на веб-сервере

Чтобы запустить веб-сервер и просмотреть свой веб-сайт, нажмите кнопку «Обзор» в правом меню. Вы также можете перезапустить или остановить веб-сервер в любое время.

1. Чтобы запустить веб-сервер, нажмите Browse *:443 (https) в правом меню.
2. Теперь ваш веб-сайт должен работать на веб-сервере. Вы можете получить к нему доступ через URL-адрес https://localhost/. Если вы получили предупреждение о том, что подключение к вашему сайту не является безопасным, возможно, вам придется использовать другой действительный сертификат SSL. Вы можете найти хорошую документацию от Microsoft о том, как создать новый сертификат SSL и использовать его в IIS.
3. Чтобы остановить или перезапустить веб-сервер, нажмите Остановить или Перезапустить в правом меню.

Размещение веб-сайта с использованием IIS

Локальное тестирование — важная часть любого цикла разработки, в том числе при создании веб-сайта.

Вы можете разместить свой веб-сайт локально, используя веб-сервер Internet Information Services (IIS). Вы можете использовать его для размещения любого статического веб-сайта (например, стандартного сайта HTML или CSS) или динамического веб-сайта (например, сайта ASP. NET).

Существуют различные варианты размещения веб-сайта в Интернете. Если вы размещаете простой веб-сайт, вы можете хранить файлы своего веб-сайта в Dropbox, Google Drive или One Drive перед их размещением.

Что такое локальный хост? (И как вы можете его использовать?)

Если вы работаете в сфере технологий или только начинаете изучать разработку веб-сайтов и веб-хостинг, вы, возможно, видели термин «localhost» здесь и там. Это пример технического жаргона, который на первый взгляд может показаться непонятным. Тем не менее, на самом деле это не так уж сложно понять, если у вас есть базовые знания.

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

Что такое локальный хост?

Localhost — это имя хоста, относящееся к локальному компьютеру, который в данный момент выполняет запрос. На многих компьютерах localhost является псевдонимом IP-адреса 127.0.0.1. Когда компьютер пингует этот IP-адрес, он связывается сам с собой. Localhost полезен для тестирования программного обеспечения и обеспечения безопасности независимо от более крупной сети.

Мы понимаем, что это слишком много. Итак, давайте раскроем это определение, начиная с IP-адресов: что это такое и почему они важны?

Что такое IP-адрес?

Чтобы посетить веб-сайт, вы вводите доменное имя этого веб-сайта в строку браузера, например, hubspot.com.

Но доменное имя само по себе не идентифицирует веб-сайт. Скорее, доменное имя — это просто псевдоним IP-адреса веб-сайта, комбинация цифр, которая идентифицирует устройство в сети. IP-адрес состоит из четырех чисел, каждое из которых находится в диапазоне от 0 до 255. Например, IP-адрес, связанный с сервером, на котором размещен веб-сайт HubSpot, — 104.19..154.83. Каждое устройство имеет уникальный IP-адрес, даже ваш компьютер.

Когда вы набираете «hubspot. com» в строке браузера и нажимаете «Ввод», система доменных имен (DNS) берет то, что вы ввели, видит, что оно связано с IP-адресом 104.19.154.83, и направляет ваш запрос в нужное место. , веб-сервер HubSpot. Реальность немного сложнее, но суть в этом.

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

Что такое петлевой адрес?

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

Однако некоторые IP-адреса зарезервированы по определенным причинам. Например, все адреса, начинающиеся с цифры «127», являются специальными IP-адресами, называемыми «локальными петлевыми адресами». Вместо того, чтобы идентифицировать другое устройство в Интернете, петлевой адрес ссылается на устройство в вашей частной локальной сети. Вот почему ни один веб-сайт не может иметь IP-адрес, начинающийся с «127».

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

Теперь, когда мы понимаем IP-адреса и петли, мы можем снова обратить внимание на localhost.

Что означает локальный хост?

В компьютерной сети localhost — это имя хоста, которое относится к компьютеру, на котором выполняется программа — вы можете думать об этом как о «этом компьютере». Этот термин используется при отправке запроса обратной связи на собственное устройство. Эти типы запросов полезны для тестирования и по соображениям безопасности, как мы увидим позже.

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

Термин «localhost» также служит доменным именем для петлевого IP-адреса 127.0.0.1, вроде того, как «hubspot.com» заменяет IP-адрес 104.19.154.83. Однако есть важное отличие: если вы поместите «localhost» в строку браузера, ваш запрос не будет проходить через Интернет. Вместо этого вы вызовете петлю, и запрос вернется на ваш компьютер.

Независимо от того, какое устройство вы используете, запрос на 127.0.0.1 или «localhost» будет отправлен обратно на то же устройство, на котором вы работаете. Для этого не требуется никакой специальной авторизации или оборудования — операционная система компьютера имеет возможность выступать в роли сервера и обрабатывать петлевые запросы.

Еще одно замечание о локальном хосте: 127.0.0.1 — это IP-адрес по умолчанию для локального хоста в IPv4. В IPv6 адрес локального хоста по умолчанию — ::1. Узнайте больше о том, что означают IPv4 и IPv6, здесь.

Для чего используется локальный хост?

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

Тестирование веб-сайтов и веб-приложений

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

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

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

Тестирование сети и скорости

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

Блокировка плохих веб-сайтов

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

Если вы хотите избежать случайного посещения вредоносного сайта, вы можете указать домен сайта в файле hosts и присвоить ему IP-адрес 127.0.0.1. Теперь при вводе домена пользователь будет безопасно отправлен на локальный хост вместо веб-сайта. В Интернете доступно множество готовых файлов хостов, поэтому администраторам не нужно начинать с нуля.

Нет места лучше 127.0.0.1.

Известная шутка среди технарей: «Нет места лучше 127.0.0.1». Это ссылка на высказывание «Нет места лучше дома», потому что локальный хост (и 127.0.0.1) часто называют «домашним» устройством.

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

Если вы не системный администратор или ИТ-специалист, скорее всего, вы не будете пинговать локальный хост каждый день.