Если вы создаете веб-сайт, вы, вероятно, захотите протестировать его, прежде чем размещать в Интернете, чтобы убедиться, что он работает правильно.
В идеале вы должны протестировать свой сайт на том же веб-сервере, на котором он будет работать, когда вы начнете работу. Это позволяет вам быть уверенным, что ваш сайт будет вести себя в рабочей среде так же, как и локально. К счастью, большинство веб-серверов легко установить и использовать на локальном компьютере.
На ПК с Windows вы можете использовать информационные службы Интернета (IIS). IIS поставляется бесплатно с Windows, поэтому все, что вам нужно сделать, это включить и настроить его для просмотра вашего веб-сайта.
Что такое информационные службы Интернета?
IIS — это веб-сервер, который можно использовать для размещения статических или динамических веб-сайтов. А веб-сервер работает предоставление содержимого, такого как HTML, JavaScript или мультимедийные файлы, в браузер пользователя в ответ на запрос.
Некоторые фреймворки, такие как Angular, уже имеют базовые встроенные веб-серверы. Они будут обслуживать ваш веб-сайт для предварительного просмотра и тестирования локально, используя домен localhost. Однако в некоторых случаях вам необходимо самостоятельно настроить полноценный веб-сервер.
Одним из примеров этого является публикация сцены из проекта Unity. Скорее всего, вы получите сообщение об ошибке, если попытаетесь открыть файл index.html непосредственно в браузере без запущенного веб-сервера. В этом случае вы можете хранить файлы Unity WebGL в IIS и запускать их на сервере.
Как включить IIS
Включите IIS с помощью Включение и отключение компонентов Windows меню в винде.
- Ищи Включение и отключение компонентов Windows с помощью строки поиска:
- Выберите Информационные службы Интернета вариант:
- Расширять Информационные службы Интернетаи выберите все необходимые подфункции:
- Нажмите ХОРОШОи подождите, пока Windows применит новые изменения. В будущем, если вы решите удалить или изменить какие-либо функции, Windows может попросить вас перезагрузить компьютер перед их применением.
- Найдите приложение IIS, которое теперь можно будет открыть на вашем компьютере с Windows:
- Откройте IIS, чтобы просмотреть консоль IIS:
Как создать простой тестовый сайт
Создайте простой статический веб-сайт с помощью HTML и CSS.
- Создайте новый файл с именем index.html. Добавьте в файл следующее содержимое:
<!ДОКТИП HTML>
<html язык="en-us">
<глава>
<заглавие> Простой тестовый сайт </title>
<мета-контент ="текст/html; кодировка = utf-8" />
<ссылка отн="таблица стилей" ссылка="стили.css">
<ссылка отн="таблица стилей" ссылка="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css">
<источник сценария ="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
<источник сценария ="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"></script>
</head>
<тело>
<раздел класс ="навигация">
<класс навигации ="navbar navbar-обратная навигация">
<раздел класс ="навигационная панель-заголовок">
<класс ="navbar-бренд" ссылка="#"> Веб-сайт </ а>
</div>
<ул класс="нав навбар-нав">
<ли класс ="активный"><ссылка ="#"> Дом </ а></li>
<ли><ссылка ="#"> О </ а></li>
<ли><ссылка ="#"> Контакт </ а></li>
</ul>
</nav>
</div>
<раздел класс ="контейнер">
<h1> Это тестовый сайт </h1>
</div>
</body>
</html> - Создайте новый файл CSS с именем стили.css. Добавьте в файл следующий стиль.
* {
семейство шрифтов: без засечек;
}.nav {
радиус границы: 0пикс. !важный;
цвет: белый;
}.ссылка на сайт {
край справа: 10пикс.;
размер шрифта: 12пт;
}.бренд {
поле слева: 20пикс.;
край справа: 40пикс.;
размер шрифта: 18пт;
}.контейнер {
выравнивание текста: центр;
набивка: 40пикс. 20пикс.;
} - Создайте новую папку в C:\inetpub\wwwroot каталог на вашем компьютере, который называется MyTestВеб-сайт. Эта папка специально используется для хранения веб-страниц и другого контента, из которого состоит ваш сайт.
- Скопируйте или переместите index.html а также стили.css файлы в новый MyTestВеб-сайт папка.
Как добавить и настроить свой сайт с помощью IIS
Чтобы разместить свой веб-сайт с помощью IIS, создайте новый веб-сайт и направьте его на свой контент.
- В левой боковой панели консоли IIS щелкните правой кнопкой мыши значок Места каталог.
- Из вариантов в меню выберите Добавить веб-сайт, чтобы открыть окно конфигурации:
- Добавьте имя в Название сайта, например "Мой тестовый сайт". IIS автоматически заполнит поле для пула приложений.
- Добавьте физический путь, то есть место, где вы сохранили файлы своего веб-сайта на компьютере. Нажмите на три точки, чтобы выбрать папку. В меню перейдите к MyTestВеб-сайт папка, под C:\inetpub\wwwroot каталог.
- Выберите https в качестве Тип. По умолчанию Порт для HTTPS — 443, но вы можете изменить порт на другой, если он в настоящее время используется.
- Вы также можете настроить имя хоста, но пока оставьте это поле пустым.
- Для SSL-сертификат, Выбрать Сертификат экспресс-разработки IIS.
- Выбирать Запустить сайт немедленнои нажмите на ХОРОШО.
- Выделите новые Мой тестовый сайт каталог в левой колонке.
- Нажмите на Расширенные настройки, который находится в списке опций в правой части панели.
- В разделе «Поведение» измените Включенные протоколы выберите «https» и нажмите ХОРОШО.
- Если вы хотите изменить эти данные в любой момент времени, вы можете нажать кнопку Базовые настройки или же Расширенные настройки опции в правом меню.
Как остановить, запустить или перезапустить ваш сайт на веб-сервере
Чтобы запустить веб-сервер и просмотреть свой веб-сайт, нажмите кнопку «Обзор» в правом меню. Вы также можете перезапустить или остановить веб-сервер в любое время.
- Чтобы запустить веб-сервер, нажмите Просмотр *:443 (https) в правом меню.
- Теперь ваш сайт должен работать на веб-сервере. Вы можете получить к нему доступ через URL https://localhost/. Если вы получили предупреждение о том, что подключение к вашему сайту не защищено, вы возможно, придется использовать другой действительный сертификат SSL. Вы можете найти хорошее документация от майкрософт о том, как вы можете создать новый SSL-сертификат и использовать его в IIS.
- Чтобы остановить или перезапустить веб-сервер, нажмите Останавливаться или же Запустить снова в правом меню.
Хостинг веб-сайта с использованием IIS
Локальное тестирование — важная часть любого цикла разработки, в том числе при создании веб-сайта.
Вы можете разместить свой веб-сайт локально, используя веб-сервер Internet Information Services (IIS). Вы можете использовать его для размещения любого статического веб-сайта (например, стандартного сайта HTML или CSS) или динамического веб-сайта (например, сайта ASP.NET).
Существуют различные варианты, которые вы можете выбрать при размещении своего веб-сайта в Интернете. Если вы размещаете простой веб-сайт, вы можете хранить файлы своего веб-сайта в Dropbox, Google Drive или One Drive перед их размещением.