При разработке веб-сайта веб-дизайнер должен иметь возможность видеть свои веб-страницы так же, как и конечный пользователь. Иногда достаточно просто щелкнуть и просмотреть ваши HTML-файлы в веб-браузере, но если вы хотите протестировать динамическое содержимое, вам потребуется настроить локальный веб-сервер. Это довольно просто сделать в Windows, macOS и Linux. Доступно множество типов веб-серверов, но в этом руководстве мы используем Apache, поскольку это наиболее распространенный сервер, очень простой в настройке и совместимый со всеми основными операционными системами.
Настроить локальный веб-сервер в Linux
Apache был разработан для Unix-подобных операционных систем. Linux подпадает под эту категорию, и установку и настройку веб-сервера Apache можно выполнить за один шаг.
Здесь мы имеем дело с командной строкой. Большинство популярных дистрибутивов позволяют установить Apache без его компиляции из исходников с помощью одной простой команды.
Для дистрибутивов на основе Debian, Ubuntu и Ubuntu:
sudoaptinstall apache2
Для Red Hat и CentOS
sudodnfinstall httpd
После установки перейдите в веб-браузере к "127.0.0.1" или "localhost". Если отображается "Это работает!" это означает, что установка Apache прошла успешно.
Чтобы лучше понять, как Apache обслуживает эту конкретную веб-страницу, давайте отредактируем ее. Для этого перейдите в корневой веб-каталог локального компьютера Linux.
cd/var/www/html
Откройте index.html от имени пользователя root в своем любимом текстовом редакторе.
Найдите "Это работает!" и измените текст на что-нибудь случайное, например "Сделайте технологию проще!" (На самом деле это может быть что угодно.) Не забудьте сохранить файл.
Теперь обновите веб-страницу на 127.0.0.1. Вы должны увидеть "Сделайте технологию проще!" где "Это работает!" было раньше.
Теперь, когда вы настроили простой веб-сервер, вы можете поиграть с настройками конфигурации в "apache2.conf".
sudonano/etc/apache2/apache2.conf
Примечание: имейте в виду, что каждый раз, когда вы вносите изменения в конфигурацию, вам необходимо перезапускать Apache, чтобы изменения вступили в силу.
sudo systemctl apache2 restart
Если это не сработает, вы можете перезапустить его, напрямую запустив файл выскочки.
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 с помощью вашего любимого текстового редактора. Измените "Это работает!" в "Hello World!"
sudo nano index.html.en
Если мы обновим нашу веб-страницу, размещенную на 127.0.0.1, теперь мы увидим отраженные изменения.
Для дальнейшей настройки веб-сервера Apache под macOS перейдите к файлу "httpd.conf".
sudonano/etc/apache2/httpd.conf
Как и в Linux, вы можете легко перезапустить службу Apache с помощью команды apachectl
с правами root.
sudo перезапуск apachectl
Настроить локальный веб-сервер в Windows
В отличие от Linux и macOS, Windows не основана на Unix, поэтому для ее установки не требуется однострочный интерфейс. К счастью, есть несколько мастеров установки, которые объединяют такие вещи, как Apache, MySQL и PHP, чтобы облегчить нам жизнь. Один из них - XAMPP.
Примечание. XAMPP также доступен для Linux и Mac OS X.
Загрузите версию 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.
Заключение
Apache - отличное решение для создания как простых, так и сложных веб-сайтов, но это не единственный вариант. Хотя Apache хорошо интегрируется на всех трех платформах, вы можете рассмотреть IIS как вариант для Windows, поскольку он поддерживает многие функции проверки подлинности Windows, которых нет в Apache. Однако Apache идеально подходит для простого тестирования базовой функциональности веб-сайта.
По теме: