Как настроить локальный веб-сервер (Windows, Mac, Linux)

Веб-сервер Windows Linux Mac Рекомендуем

При разработке веб-сайта веб-дизайнер должен иметь возможность видеть свои веб-страницы так же, как и конечный пользователь. Иногда достаточно просто щелкнуть и просмотреть ваши HTML-файлы в веб-браузере, но если вы хотите протестировать динамическое содержимое, вам потребуется настроить локальный веб-сервер. Это довольно просто сделать в Windows, macOS и Linux. Доступно множество типов веб-серверов, но в этом руководстве мы используем Apache, поскольку это наиболее распространенный сервер, очень простой в настройке и совместимый со всеми основными операционными системами.

Настроить локальный веб-сервер в Linux

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

Здесь мы имеем дело с командной строкой. Большинство популярных дистрибутивов позволяют установить Apache без его компиляции из исходников с помощью одной простой команды.

Для дистрибутивов на основе Debian, Ubuntu и Ubuntu:

Для Red Hat и CentOS

После установки перейдите в веб-браузере к "127.0.0.1" или "localhost". Если отображается "Это работает!" это означает, что установка Apache прошла успешно.

Веб-сервер Ubuntu Установить Apache

Чтобы лучше понять, как Apache обслуживает эту конкретную веб-страницу, давайте отредактируем ее. Для этого перейдите в корневой веб-каталог локального компьютера Linux.

Откройте index.html от имени пользователя root в своем любимом текстовом редакторе.

Найдите "Это работает!" и измените текст на что-нибудь случайное, например "Сделайте технологию проще!" (На самом деле это может быть что угодно.) Не забудьте сохранить файл.

Теперь обновите веб-страницу на 127.0.0.1. Вы должны увидеть "Сделайте технологию проще!" где "Это работает!" было раньше.

Веб-сервер Ubuntu Редактировать по умолчанию

Теперь, когда вы настроили простой веб-сервер, вы можете поиграть с настройками конфигурации в "apache2.conf".

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

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

Настройте локальный веб-сервер в macOS

В macOS хорошо то, что Apache установлен по умолчанию. Все, что вам нужно сделать, это включить его.

В Finder перейдите в "Приложения -> Утилиты", затем дважды щелкните "Терминал", чтобы открыть его.

Macos Open Terminal App

Чтобы включить уже предустановленный веб-сервер Apache, выполните следующую команду:

Чтобы проверить, работает ли наш веб-сервер, перейдите к "127.0.0.1" или "localhost" в своем веб-браузере.

Веб-сервер Macos работает

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

Теперь отредактируйте файл index.html.en с помощью вашего любимого текстового редактора. Измените "Это работает!" в "Hello World!"

Mac-нано-открытый индекс-HTML

Если мы обновим нашу веб-страницу, размещенную на 127.0.0.1, теперь мы увидим отраженные изменения.

Веб-сервер Macos Привет, мир

Для дальнейшей настройки веб-сервера Apache под macOS перейдите к файлу "httpd.conf".

Как и в Linux, вы можете легко перезапустить службу Apache с помощью команды apachectl с правами root.

Настроить локальный веб-сервер в Windows

В отличие от Linux и macOS, Windows не основана на Unix, поэтому для ее установки не требуется однострочный интерфейс. К счастью, есть несколько мастеров установки, которые объединяют такие вещи, как Apache, MySQL и PHP, чтобы облегчить нам жизнь. Один из них - XAMPP.

Примечание. XAMPP также доступен для Linux и Mac OS X.

Загрузите версию XAMPP для Windows и начните установку. При появлении запроса запустите установщик. Вы можете выбрать только Apache, если вам нужен только веб-сервер. Однако, если вы планируете использовать базу данных, вы также можете выбрать MySQL.

Установщик Windows Xampp

Продолжайте установку и по завершении нажмите "Готово". По умолчанию будет запущена панель управления XAMPP.

Панель конфигурации Windows Xampp

При необходимости нажмите "Пуск" для Apache и MySQL.

Если вы перейдете к "127.0.0.1" или "localhost" в своем веб-браузере, вы должны увидеть страницу конфигурации XAMPP.

Конфигурация веб-страницы Windows Xampp 1

Процедура создания новой веб-страницы такая же. Откройте блокнот и создайте образец HTML-файла. Назовите его hello.html.

Блокнот Windows Hello

Сохраните его в корне документа, расположенном в "c: \ xampp \ htdocs \".

Перейдите к нему с помощью веб-браузера, перейдя по адресу 127.0.0.1/hello.html. Вы увидите созданную вами веб-страницу.

Веб-страница Windows Xampp Hello

Примечание. WampServer - еще один надежный вариант для установки Apache в Windows.

Заключение

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

По теме: