Урок 1: Установка и настройка веб-сервера Apache

Замечания

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

Ну что ж, мы поговорили достаточно о веб-сервере, пришло время его нам установить и опробовать в деле. Существует сформировавшийся перечень наиболее распространенных веб-серверов, при выборе во внимание принимаются конкретные задачи, под которые он разворачивается. Остановим наш выбор на бесплатном веб-сервере Apache. Считаю его идеальным для сайтов начального и среднего уровня. Конечно, можно пойти легким путем — установить готовый комбайн Denwer, как это делает большинство новичков, но в нашем случае помимо результата важны также и теоретические знания. А после сегодняшнего урока ваш скилл повысится однозначно :)

Идем на страницу загрузки проекта — http://httpd.apache.org/download.cgi и качаем последнюю стабильную версию под Windows в виде MSI инсталлятора (в моем случае это был apache_2.2.14-win32-x86-no_ssl.msi). Начнем установку. Первый диалог, который может ввести нас в заблуждение — это диалог ввода информации о сервере:

Конфигурировать наш сервер мы будем после установки, а сейчас давайте не будем особо париться и впишем в поля "Network Domain" и "Server Name" localhost, а в поле "Administrator's Email Address" ваш адрес электронной почты (о том, что такое localhost, речь пойдет позже). Нижние переключатели не трогаем. Жмем "Next", соглашаемся с типичной установкой, еще раз "Next". Инсталлятор предложит выбрать директорию, в которую будет установлен веб-сервер:

На мой взгляд, путь слишком длинный, давайте сократим его до C:\Program Files\Apache. Продолжаем установку, дожидаемся ее окончания. После закрытия инсталлятора в трее появится значок Apache монитора:

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

Теперь давайте вспоминать то, о чем мы беседовали в статье "Принципы функционирования веб-сервера". Как вы помните, у каждого компьютера, подключенного к сети, есть свой IP-адрес. Но даже если ваш компьютер не имеет ни одного сетевого подключения, у него есть как минимум один внутренний IP-адрес. Этот адрес — 127.0.0.1. На всех компьютерах он одинаковый и указывает на сам компьютер. То есть, если сетевому клиентскому приложению указать адрес сервера 127.0.0.1, то клиент будет пытаться подключиться к серверу, расположенному на вашем же компьютере. Далее мы говорили о доменных именах, которые преобразуются в IP-адреса DNS-серверами. У внутреннего адреса 127.0.0.1 есть свое внутреннее доменное имя — localhost. При этом для преобразования этого имени в адрес компьютеру не нужно обращаться к DNS-серверу, так как это соответствие заложено в самом компьютере.

Давайте запустим веб-браузер и введем в адресную строку домен localhost:

Я надеюсь, вы понимаете, что произошло? Домен localhost преобразовался в IP-адрес 127.0.0.1, веб-браузер подключился к веб-серверу по этому адресу и 80 порту и запросил главную страницу с помощью протокола HTTP. То есть наш веб-сервер работает, он отправил браузеру страничку с надписью "It works" ("работает").

Приступим к настройке нашего веб-сервера, которая сводится к редактированию конфигурационных файлов Apache. Для начала необходимо обзавестись удобным, практичным и в то же время простым текстовым редактором. Если у вас такой уже есть — мои поздравления, если же вы несчастный пользователь Блокнота, могу предложить редактор AkelPad. Перейдите в папку C:\Program Files\Apache\conf и переименуйте файл httpd.conf в httpd.conf.bak, чтобы в случае чего иметь под рукой начальную конфигурацию. Создайте новый файл httpd.conf со следующим содержимым:

ServerRoot "C:/Program Files/Apache"

Listen 80

LoadModule actions_module modules/mod_actions.so
LoadModule alias_module modules/mod_alias.so
LoadModule asis_module modules/mod_asis.so
LoadModule auth_basic_module modules/mod_auth_basic.so
LoadModule authn_default_module modules/mod_authn_default.so
LoadModule authn_file_module modules/mod_authn_file.so
LoadModule authz_default_module modules/mod_authz_default.so
LoadModule authz_groupfile_module modules/mod_authz_groupfile.so
LoadModule authz_host_module modules/mod_authz_host.so
LoadModule authz_user_module modules/mod_authz_user.so
LoadModule autoindex_module modules/mod_autoindex.so
LoadModule cgi_module modules/mod_cgi.so
LoadModule dir_module modules/mod_dir.so
LoadModule env_module modules/mod_env.so
LoadModule include_module modules/mod_include.so
LoadModule isapi_module modules/mod_isapi.so
LoadModule log_config_module modules/mod_log_config.so
LoadModule mime_module modules/mod_mime.so
LoadModule negotiation_module modules/mod_negotiation.so
LoadModule rewrite_module modules/mod_rewrite.so
LoadModule setenvif_module modules/mod_setenvif.so

ServerName localhost

AccessFileName .htaccess

ServerTokens prod

LogLevel error
ErrorLog "logs/error.log"

DefaultType text/plain

AddDefaultCharset UTF-8

<IfModule dir_module>
    DirectoryIndex index.html
</IfModule>

<FilesMatch "^\.ht">
    Order allow,deny
    Deny from all
    Satisfy All
</FilesMatch>

<IfModule mime_module>
    TypesConfig conf/mime.types
    AddType application/x-compress .Z
    AddType application/x-gzip .gz .tgz
</IfModule>

<IfModule log_config_module>
    LogFormat "[VISIT]\nclient=%h\ntime=%{%d.%m.%Y %H:%M:%S}t\npage=%U%q\nreferer=%{Referer}i\nreqmethod=%m\nhost=%{Host}i\nagent=%{User-agent}i\n\n" mylog
</IfModule>

Разбираемся. ServerRoot — путь, куда установлен наш веб-сервер. Обратите внимание на слеши. Listern — указывается номер порта, который будет "слушать" веб-сервер, а также, если необходимо, IP-адрес (если у вашего компьютера несколько подключений и нужно принимать соединения только по одному из них). Мы указали порт 80, который является стандартным для веб-серверов. LoadModule загружает модуль веб-сервера, модули позволяют получить дополнительные возможности. В нашем конфигурационном файле прописан перечень стандартных модулей. AddDefaultCharset — кодировка по умолчанию, выставили юникод (UTF-8). Остальное пока нас мало волнует.

А теперь самое главное. Не забыли, для чего устанавливаем веб-сервер? Правильно, для работы над нашими будущими сайтами. Существует понятие корневой каталог — это каталог, где расположен контент сайта, то есть файлы, из которых он состоит. По умолчанию в нашем Apache корневым каталогом является каталог C:\Program Files\Apache\htdocs. Перейдя туда вы обнаружите там единственный файл под именем index.html. Это тот самый файл, который содержит главную страницу с надписью "It works" по адресу http://localhost. Дело в том, что если в запросе (который, кстати, называется url) отсутствует имя файла, то веб-сервер ищет файл с одним из стандартных имен. Эти имена (точнее, одно имя — index.html) прописаны у нас в конфигурационном файле:

<IfModule dir_module>
    DirectoryIndex index.html
</IfModule>

Таким образом, при запросе http://localhost веб-сервер будет искать файл C:\Program Files\Apache\htdocs\index.html, при запросе http://localhost/docsC:\Program Files\Apache\htdocs\docs\index.html (в том случае, если docs — папка), при запросе http://localhost/news.htmlC:\Program Files\Apache\htdocs\news.html и так далее.

При веб-строительстве удобно иметь не один, а, скажем, три локальных (находящихся на локальной машине) домена, на которых можно независимо тестировать ваши сайты. Apache позволяет обслуживать несколько сайтов, то есть вам не придется для каждого домена устанавливать свою копию веб-сервера (к тому же, мы помним, что на компьютере может работать только одно серверное приложение на определенном порту). Несколько доменных имен могут ссылаться на один и тот-же IP-адрес. Apache, в свою очередь, может в зависимости от доменного имени, переданного в HTTP-запросе (вспоминаем параметр Host, статья "Принципы функционирования веб-сервера"), искать файлы в определенном корневом каталоге. Такая технология называется "виртуальный хост".

Итак, localhost соответствует адресу 127.0.0.1, давайте создадим еще три внутренних домена test-domain1, test-domain2 и test-domain3, которые будут соответствовать этому же адресу. Откройте в текстовом редакторе файл C:\WINDOWS\system32\drivers\etc\hosts. В этом файле можно задать соответствия доменных имен и IP-адресов. Здесь же мы обнаружим то самое соответствие localhost адресу 127.0.0.1. Добавьте в конец файла строки:

127.0.0.1      test-domain1
127.0.0.1      test-domain2
127.0.0.1      test-domain3

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

Следующим шагом необходимо каждому доменному имени создать свой корневой каталог и сказать об этом нашему веб-серверу. Удаляем в папке C:\Program Files\Apache\htdocs файл index.html и создаем там три папки: test-domain1, test-domain2 и test-domain3, в каждой из этих папок папку log — для логов и папку www — собственно, корневой каталог для домена. В конце файла C:\Program Files\Apache\conf\httpd.conf дописываем следующее:

NameVirtualHost *:80

<VirtualHost *:80>
    ServerName test-domain1
    DocumentRoot "C:/Program Files/Apache/htdocs/test-domain1/www"
    ErrorLog "C:/Program Files/Apache/htdocs/test-domain1/log/error.log"
    CustomLog "C:/Program Files/Apache/htdocs/test-domain1/log/access.log" mylog

    <Directory "C:/Program Files/Apache/htdocs/test-domain1/www">
        AllowOverride All
        Options -Indexes
    </Directory>
</VirtualHost>

<VirtualHost *:80>
    ServerName test-domain2
    DocumentRoot "C:/Program Files/Apache/htdocs/test-domain2/www"
    ErrorLog "C:/Program Files/Apache/htdocs/test-domain2/log/error.log"
    CustomLog "C:/Program Files/Apache/htdocs/test-domain2/log/access.log" mylog

    <Directory "C:/Program Files/Apache/htdocs/test-domain2/www">
        AllowOverride All
        Options -Indexes
    </Directory>
</VirtualHost>

<VirtualHost *:80>
    ServerName test-domain3
    DocumentRoot "C:/Program Files/Apache/htdocs/test-domain3/www"
    ErrorLog "C:/Program Files/Apache/htdocs/test-domain3/log/error.log"
    CustomLog "C:/Program Files/Apache/htdocs/test-domain3/log/access.log" mylog

    <Directory "C:/Program Files/Apache/htdocs/test-domain3/www">
        AllowOverride All
        Options -Indexes
    </Directory>
</VirtualHost>

Три блока VirtualHost описывают наши три виртуальных хоста. Каждому задается свой корневой каталог — DocumentRoot, путь к логу ошибок — ErrorLog и логу доступа — CustomLog.

В корневом каталоге каждого домена создайте по файлу index.html с содержимым "Hello from test-domain1", "Hello from test-domain2" и ""Hello from test-domain3". Чтобы изменения в конфигурации вступили в силу, необходимо перезапустить Apache (левой кнопкой мыши по значку Apache монитора -> Restart). Если ошибок не было допущено, должно все работать:

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

Комментарии

Оставить комментарий »

 
Денис
30 января 2013, 10:39
 

Здравствуйте. Сделал все как сдесь описано. Но. Рестарт Apache я сделать не могу, сама кнопка рестарт не горит. И еще, при попытке запуска index.html выдает:

# GENERATED FROM XML -- DO NOT EDIT URI: index.html.en Content-Language: en Content-type: text/html; charset=ISO-8859-1 URI: index.html.ko.euc-kr Content-Language: ko Content-type: text/html; charset=EUC-KR URI: index.html.tr.utf8 Content-Language: tr Content-type: text/html; charset=UTF-8
Joker-jar
30 января 2013, 15:20
 

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

jevgenij05
12 февраля 2013, 20:00
 

Странно все нашли, а я не нашел версию 2.2 , я нашел под msi только 2.0.64 , помогите с скачиванием програмы. спасибо

Joker-jar
13 февраля 2013, 0:28
 

jevgenij05, вот тут писал человек, что нашел.

jevgenij05
13 февраля 2013, 3:32
 

ой :) большое спасибо! и еще вопрос, в силу моего не знания, почему при таких колоссальных затратах времени на предоставление людям материалов и их поддержке во время обучения, у вас нет предложения для посетителей финансовой поддержки, на основе благотворительного взноса для развития проекта ? Вообще, люди попадают к вам только по индивидуальному распространению рекламы ( из рук, в руки..) или случайно из поисковых программ, как я. А ведь столько людей ищет толкового обучения в книгах, курсах, интернете, на сайтах основанных с этой целью, но подобно вашему проекту, существует мало. С такими знаниями и педагогическим подходом к обучению, надо привлекать людей ! Как правильно заметила одна, ваша пользователь - пытаются быть красноречивыми учителями. Возможно я в чем то и ошибаюсь и это лично мое мнение. Еще раз спасибо за помощь. Евгений
я бы зарабатывал :) кушать то хочется всегда !!!

Joker-jar
13 февраля 2013, 3:53
 

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

jevgenij05
13 февраля 2013, 4:40
 

Вот вот ! Работа в таком масштабе должна быть оценена, пусть даже если она принесет не большие деньги, главное это мотивация. Человек никогда не задумывается над получением выгоды, когда работа приносит удовольствие или рассматривается, как хобби, но при вознаграждении, в любом материальном виде, он получает колоссальный всплеск энергии, что несомненно позволяет ему достичь больших результатов и самому главному, извлечения дохода из любимого занятия. Главное правильно расставить все точки над "и", не увлекаться рекламой, а привлечением людей к проекту. Вот уже при достаточном кол-ве пользователей и надо разместить контекстную рекламу или организовать юридическую значимость проекта с привлечением инвестиций, ну а при имеющихся планах на развитие других проектов, вообще можно продать сайт, как бизнес модель для получения денежной выгоды от обучения людей ... ну и там написать красиво про цель интернет сайта. Главное, что я хотел донести, все люди занимающиеся развлечением, хобби и т.д., в разных сферах деятельности, и однажды получив за это еще и финансовую выгоду обычно уже не останавливались на достигнутом, а развивались в разных направлениях. Бывает и так, что кто то вроде меня, задал вопрос- а почему вы....? А дальше, все зависит от вас, потенциал у вас есть, не тратьте энергию в пустую, зарабатывайте на таланте обучения. Евгений

Lors
27 февраля 2013, 22:59
 

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

Руслан
3 марта 2013, 19:25
 

Здравствуйте, я сделал все как было написано и теперь не могу запустить, выходит ошибка The requested operation has fliled!

Я посмотрел ошибки в системном журнале и вот что обнаружил:

The Apache service named  reported the following error: >>> 
   httpd.exe: Could not open configuration file C:/Program Files/Apache2.2/conf/httpd.conf: \xcd\xe5 \xf3\xe4\xe0\xe5\xf2\xf1\xff \xed\xe0\xe9\xf2\xe8 \xf3\xea\xe0\xe7\xe0\xed\xed\xfb\xe9 \xf4\xe0\xe9\xeb.
Joker-jar
6 марта 2013, 4:02
 

Сорри за молчание, был оффлайн.

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

Руслан, видимо, где-то ошибка в конфиге. Нужно смотреть содержимое.

Оставить комментарий

Ваше имя
 
Ваш e-mail
 
Комментарий