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

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

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

Содержание

• Настройка локального веб-сервера на Linux
• Настройка локального веб-сервера на macOS
• Настройка локального веб-сервера на Windows
• Настройка LAN-сервера в Windows
• Дополнительные устройства
• Часто задаваемые вопросы

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

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

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

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

sudo apt install apache2

Для Red Hat и CentOS

sudo dnf install httpd

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

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

cd /var/www/html

Откройте “index.html” от имени root с помощью вашего любимого текстового редактора.

Найдите “It Works!” и измените текст на что-то случайное, например, “Make Tech Easier!” (Это может быть что угодно.) Не забудьте сохранить файл.

Теперь обновите веб-страницу на 127.0.0.1. Вы должны увидеть “Make Tech Easier!” вместо “It Works!”.

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

sudo nano /etc/apache2/apache2.conf

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

sudo systemctl restart apache2

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

sudo /etc/init.d/apache2 restart

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

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

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

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

sudo apachectl start

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

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

cd /Library/WebServer/Documents/

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

sudo nano index.html.en

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

Чтобы дополнительно настроить веб-сервер Apache на macOS, перейдите к файлу “httpd.conf”.

sudo nano /etc/apache2/httpd.conf

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

sudo apachectl restart

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

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

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

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

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

Нажмите “Запустить” для Apache и MySQL, если это необходимо.

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

Чтобы создать новую веб-страницу, процедура такая же. Откройте блокнот и создайте пример HTML-файла. Назовите его “hello.html.”

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

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

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

Также читайте: Как установить и запустить сервер Nginx на Windows

Настройка LAN-сервера в Windows

Еще один вариант - настроить LAN-сервер в Windows. Для этого метода вам не нужно ничего устанавливать. Однако вам понадобятся Ethernet-кабели для прямого подключения к вашему маршрутизатору или маршрутизатору/модему.

1. Подключите ваш компьютер через Ethernet-кабель к маршрутизатору.
2. Откройте Пуск и найдите “Панель управления.” Откройте результат.
3. Выберите “Центр управления сетями и общим доступом.”

1. Выберите “Настроить новую сеть или подключение.”

1. Выберите “Подключиться к Интернету” и следуйте инструкциям, чтобы завершить процесс.

1. Вы можете подключить другие устройства к LAN через Ethernet или Wi-Fi. Очевидно, для Wi-Fi вам нужно будет настроить пароль Wi-Fi и использовать его для подключения других устройств. Вы также можете создать домашнюю группу для совместного использования ресурсов из Центра управления сетями и общим доступом.

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

Дополнительные устройства

Если у вас есть Raspberry Pi, вы также можете превратить его в личный веб-сервер. Узнайте, как это сделать здесь.

Часто задаваемые вопросы

Является ли Apache единственным вариантом для веб-сервера?

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

Другой вариант - Python для простого локального HTTP-сервера. Он уже установлен на macOS и Linux, но вы можете установить его для Windows с сайта Python.org.

Почему я получаю предупреждения о том, что Apache не будет работать с моим антивирусом?

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

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

Должен ли я использовать свой основной компьютер или выделенный компьютер для настройки веб-сервера?

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

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

Возражает ли мой интернет-провайдер против настройки локального веб-сервера?

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

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

Кредит изображения: Clay Banks через Unsplash