Установка и настройка сервера XAMPP на Windows. XAMPP локальный сервер: установка, настройка, использование Установка и настройка сервера xampp

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

XAMPP полностью бесплатный и содержит в себе дистрибутив Apache и дает возможность работать с PHP, Perl, MySQL.

Также при использовании XAMPP можно при помощи Bitnami быстро устанавливать LMS Moodle или Wordpress.

Установка XAMPP

Итак, начнем с того, как установить локальный сервер на компьютер с использованием комплекта XAMPP.

Для начала нужно скачать установщик для вашей операционной системы. Это можно сделать по ссылке на официальном сайте: www.apachefriends.org/ru/index.html

В этой статье я скачаю установщик для Windows на примере которой, буду рассматривать установку и настройку XAMPP.

После нажатия кнопки скачивания, начнется загрузка.exe файла (вес файла примерно 110мб).

Когда скачивание завершилось, откройте файл установки (xampp-win32-5.6.30-0-VC11-installer.exe), запускать следует от имени администратора. В приветственном окне нажмем next.


Далее выбираем требуемые компоненты. Нас интересует Apache. Дополнительно вы можете выбрать PHP и MySQL.
Далее требуется выбрать путь установки.
Далее установщик просит нас подтвердить, что мы готовы начать установку. Нажимаем next.
Установка XAMPP началась.
После окончания установки, вам будет предложено запустить контрольную панель XAMPP. Оставляем галочку. Нажимаем Finish.

Откроется контрольная панель. Пока что ничего запускать не нужно. Сейчас можно приступить к созданию доменов на нашем Localhost.

Настройка поддоменов и виртуальных хостов

Редактирование hosts

На локальном сервере мы можем настроить переадресацию любых запросов браузера на определённую папку нашего сервера.

Сначала нужно добавить переадресацию сайтов в файле hosts. Этот файл лежит в папке etc по адресу: C:\Windows\System32\drivers\etc

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


Если мы хотим, чтобы при наборе в браузере barbershop.local открывался сайт из папки на нашем компьютере в D/:XAMPP/htdocs/barbershop, добавим следующую строку в наш файл.

Создание хостов

После редактирования файла hosts, перейдем к настройте сервера.

Открываем в блокноте также файл httpd-vhosts.conf, который лежит в папке D:\XAMPP\apache\conf\extra

В самый конец дописываем следующий текст:

DocumentRoot "D:/XAMPP/htdocs" ServerName locahost ServerAlias locahost ErrorLog "logs/localhost.log" CustomLog "logs/localhost.log" common
DocumentRoot "D:/XAMPP/htdocs/barbershop" ServerName barbershop.local ServerAlias barbershop.local ErrorLog "logs/localhost.log" CustomLog "logs/localhost.log" common

Теперь переходим в контрольную панель и нажимаем start у Apache. Сервер начал свою работу.

Итог

Готово! Теперь, если в папку D:/XAMPP/htdocs/barbershop мы сохраним файл index.html или index.php, и в браузере перейдем по адресу barbershop.local, то у нас откроется главная страница нашего виртуального хоста. Если мы захотим теперь, например, из файла /barbershop/css/main.css зайти в папку /barbershop/img/, то теперь эту ссылку можно указать относительно корня сайта "/img/".

XAMPP - сборка Web-сервера, в которой содержится набор приложений для полноценного функционирования сайта. При этом не требуется настройка каждого компонента по отдельности.

Сборка позволяет вести разработку на отдельном компьютере без подключения к сети. Соответственно, нет необходимости в высокоскоростном доступе в Интернет и наличии хостинга.

Проект кроссплатформенный, а это значит, что он одинаково хорошо работает на популярных платформах: Windows, Linux, Mac OS. Само название XAMPP – аббревиатура, которая расшифровывается следующим образом:

  • X – обозначает, что сборка будет работать на всех операционных системах;
  • Apache – веб-сервер, поддерживающий основные версии ОС, гибко настраиваемый и надёжный;
  • MySQL – одна из самых известных систем управления базами данных;
  • PHP – язык программирования, поддерживаемый почти всеми хостинг-провайдерами и лидер среди языков, используемых для создания веб-сайтов;
  • Perl – лёгкий в освоении язык программирования, который, к тому же, поддерживает модули сторонних разработчиков.

Эта сборка отлично подойдёт начинающим веб-программистам. В ней есть всё, что может понадобиться для комфортной работы.

Виртуальный хостинг сайтов для популярных CMS:

Где скачать?

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

В самом крайнем случае можно воспользоваться крупными сайтами-архивами, если в статусе файла стоит «проверено» и отзывы в целом положительные.

Проходим на официальный сайт сборки по адресу https://www.apachefriends.org . При нахождении в диапазоне IP-адресов стран СНГ произойдёт автоматический редирект на русскую версию сайта.

Следующий шаг – выбор операционной системы. Так как мы работаем в Windows, то и выбираем версию для этой ОС. Обратите внимание, что последние версии программы работают только с новыми операционными системами –Vista и выше, под XP или 2003 он просто не запустится.

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

Установка XAMPP на ОС Windows.

Запускаем инсталлятор и на стартовом окне жмём кнопку «Next».

Появится окно выбора устанавливаемых компонентов. Серым цветом отмечены неактивные чекбоксы (обязательные компоненты программы). Остальные – активны, но мы не будем ничего убирать, а оставим, по умолчанию. «Next».

Программа установки предложит выбрать место установки. По умолчанию это диск C:\. Соглашаемся. «Next».

Программа сообщит, что готова к установке и после нажатия кнопки «Next» запустится процесс распаковки.

Локальный сервер и firewall.

Брандмауэр Windows предложит разрешить или запретить доступ к программе.

Если инсталлятор скачан с официального сайта, разрешаем.

Завершаем установку и настройку.

Для запуска программы сразу после завершения установки осталось выполнить следующие действия:

  1. Оставить флажок «Запустить контрольную панель после завершения установки».
  2. Жмем «Finish».

Проверка работоспособности модулей и компонентов.

После завершения установки откроется панель управления XAMPP.

Сразу же запускаем MySQL. Брандмауэр опять попросит разрешить или запретить программе доступ в сеть. Разрешаем.

Поочерёдно проверяем состояние Apache и MySQL. Для этого нажимаем кнопки «Admin» (1 и 2), после чего в браузере должны открываться панели управления сервера и базы данных.

Панель управления:

Скрипт для работы с базами данных PhpMyAdmin:

Проверяем работоспособность основных служб. Для этого рекомендуем в директории C:\Xampp\htdocs создать папку test. В блокноте напишите предложенный вариант коротенького скрипта на PHP и сохраните под именем index.php:

Теперь в любом браузере пройдите по адресу: http://localhost/test и, если всё сделано правильно, вы увидите надпись «Good Job».

На этом установка web-сервера XAMPP завершена.

Ниже я постараюсь рассказать подробно, как происходит настройка сервера XAMPP и создание новой базы данных. Разбор типичных ошибок вынесен в отдельную статью Проблемы при установке XAMPP . Настройка завершится после того, как мы создадим пробный сайт на XAMPP .

Необязательное

1.1. Наверно пришло время создать папку для вашего сайта, ведь все «телодвижения» мы производим лишь ради создания сайта на вашем домашнем компьютере. Вы можете создать ее, где хотите, но я создал ее в корне диска D: и назвал ее designfornet , что почти совпадает с именем этого сайта, но без точки и тире.

Почему нельзя использовать для домашнего сайта имена с расширением существующих зон интернета, например, . com или . ru ?

По той причине, что любой ваш браузер будет искать ваш сайт mysite . ru или мой design-for . net , не внутри вашего компьютера, а в большом Интернете.

Итак, запомним правила для имен внутри компьютера:

– без расширений или используя несуществующие зоны, например, можно назвать сайт mysite .local потому, что зоны .local не существует;

Без пробелов в одно слово (точка и тире можно).

Обычно для примера используют нейтральные имена homesite или mysite , но, раз вы находитесь на моем сайте, то я думаю, имя designfornet более уместно, так как позволяет получить преемственность со статьей , в которой речь идет о создании домашнего сайта.

По-большому, имя нам нужно произвольное – лишь бы как-то назвать папку, куда мы будем копировать нулёвые файлы.

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

Как раз для этого пригодится наша новая папка designfornet (homesite ). Надо просто перетащить всю папку xampp (из диска C: ) правой кнопкой мыши на/в созданную папку сайта designfornet и выбрать «Копировать».

1.3. Еще более разумный подход состоит в следующем:

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

1.3.2. если мы что-то в них напортачим, то не будем перезаливать весь мануал, а лишь заменим эти файлы нулёвыми из «неприкосновенного запаса». Экзекуцию над файлами при замене покалеченных на нулёвые можно производиться сколько угодно раз.

1.4. Поставьте рабочий браузер главным. У себя Я установил FireFox браузером по умолчанию, как самый массовый. Установите в его настройках автоматическое определение кода UTF-8.

Сегодня у FireFox есть преимущества перед Opera и Internet Explorer: Опера стала тяжеловатой и «раздувается» при многочасовом использовании. Ослика IE используют лишь для проверки вида свежеиспеченного сайта. Ghrom догоняет по полярности FireFox среди «масс», так как имеет хорошую скорость, но еще достаточно «голый» из-за отсутствия полезных плагинов, например, политика его хозяина запрещает воровать скачивать видеоролики.

1.5. Начинающему веб мастеру для ковыряния в кодах потребуется «правильный» текстовый редактор, называемый так по той причине, что он не вносит форматирование в тексты. Поэтому нельзя использовать программу Word. Блокнот, встроенный в Windows, для редактирования кодов так же не годится. После прочтения статьи Правильные редакторы кодовых файлов надо установить на вашем компьютере Notepad++ .

Изучаем XAMPP Control Panel Application

2.1. Если вы продолжаете процесс установки веб сервера XAMPP, то окно контрольной панели XAMPP Control Panel Application еще перед вами. Если закрыли, то панель надо активировать через её ярлык.

Рис.1 Окно контрольной панели XAMPP Control Panel Application

Я надеюсь, что вы уже имеете или достали из папки C:\xampp на рабочий стол нужные ярлыки: xampp_start.exe , xampp_stop.exe , xampp-control.exe . Клик по последнему приведет к раскрытию той же панели.


Чтобы вытащить ярлык надо открыть папку C:\xampp и правой кнопкой мыши потянуть ярлык на рабочий стол компьютера. После того как вы его отпустите в появившемся меню выбрать сроку «Создать ярлык».

2.2. В нижней части панели мы можем узнать о версиях панели и операционной системы, установленной на вашем компьютере, месте расположения директории самого Ксампа и его инсталлятора, и статусном состоянии панели - Check OK (запущена).

Рис.2 Нижняя часть окна панели показывает статус каждого компонета

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

В самой верхней строке панели мы видим две кнопки «Service… » и «SCM… ». При помощи первой мы можем запустить XAMPP Control Panel Application как службу на своем компьютере. Вторая переносит нас на окно, в котором можно найти все службы, запущенные на нашем компьютере.

2.4. Обычно рекомендуют запускать XAMPP в качестве службы, что устраняет некоторые неприятности с совместимостью. Меня, однако, напрягает работа серверных программ, когда я не работаю с сайтом. Веб сервер у меня не имеет выхода в Интернет, поэтому я его компоненты запускают лишь по мере надобности. Тем более мне нет нужды запускать его контрольную панель в виде службы Windows.

2.5. Левый ряд квадратных полей (окошек) с именами Svc как раз позволяет запускать отдельные компоненты Ксампа в виде служб. Второй столбик на панели перечисляет эти компоненты. Чтобы они не включались и не работали постоянно вместе с Windows - оставляйте эти поля пустыми .

2.6. Третий столбик состоит из кнопок запуска – Start . Мы уж договорились, что для нас важными являются Apache и MySql , а ftp–клиент FileZilla и почтовый клиент Mercuri нам пока не нужны.

2.7. Нажмем на кнопку Start напротив Apache . Если все нормально установилось, то загорится зеленая кнопка с надписью Running (запущено), а надпись Start сменится на Stop .

Подобным образом запускаем два основных компонента веб сервера – Apache и MySql .

Рис.3 После запуска компонента можно видеть не только его статус, но занятый им порт

2.8. В зависимости от версии вид Контрольной панели может отличаться, обычно наличием или отсутствием кнопок в самом правом столбце. По этой причине варианты настройки могут несколько отличаться. Я думаю, вы просто пропустите пункты, которые не касаются вашей версии XAMPP

В более ранних версиях XAMPP присутствуют кнопки «Shell », «Setup », «Port-Check ».

2.9. Вспоминаем, что для нас веб-сервер XAMPP - программа проходная. Мы опробовать скрипты на нем не будем, как только установим, так сразу и забудем. Поэтому с кнопками надо только познакомимся, так как пользоваться ими, если и придется, то только разок. Если у вас некоторых кнопок нет, то пропускаете соответствующие пункты статьи.

2.10. Кнопка «Shell » - запускает командную строку Windows, работать в которой для пользователя этой операционной системы несколько непривычно, а новичкам – тем более.

2.11. Кнопка «Setup » возвращает нас к пункту установки через командную строку, когда можно включить или выключить любой модуль XAMPP выставкой определенного числа. Можно использовать, если у вас включен лишний модуль (Perl ). Вас сюда еще вернут, если что-то будут не так, как хочет установщик программы.

2.12. Кнопка «Port-Check » проверяет свободен или занят порт 80 , необходимые для работы сервера Apache . Порт 80 часто используют некоторые службы Windows, но чаще всего порт 80 занимает такая популярная программа, как Skype .

Если у вас занят порт 80 другой программой, то не запустится ядро вебсерера XAMPP - программа сервер Apache . О том как освободить порт 80 вы можете узнать в статье Проблемы при установке XAMPP . После открытия порта 80 вернитесь к данной статье для продолжения настройки Ксампа.

2.13. Последний ряд кнопок носит вспомогательный характер, потом вы сами их можете понажимать ради интереса.

Наc больше интересуют кнопки Admin в одном ряду с запущенными компонентами.

При первом запуске может появиться окно, в котором можно выбрать язык для XAMPP. Русского там нет – поэтому выбираем английский – English .

Рис.4 Окно для выбора языка

2.14. Когда вы нажмете на кнопку Admin в ряду с Apache , то запустится ваш основной браузер, в окне которого вы увидите страницу приветствия «» с адресом http://localhost/xampp/ .

Рис.5 Страница приветствия XAMPP

2.15. Текст под приветствием «Welcome to XAMPP for Windows! » нам малоинтересен, но в строке «For OpenSSL support please use the test certificate with https://127.0.0.1 or https://localhost » нам предлагают перейти по ссылке и получить сертификат, а заодно выполнить идентификацию адресов в браузере.

Кликаем по первой ссылке https://127.0.0.1 . Пока браузер не знает адрес XAMPP он считает соединение недоверенным. После перехода в браузере выбираем «Я понимаю риск » и нажимаем на «Добавить исключения ».

Рис.6 Пробираемся через установки браузера, чтобы внести страницу XAMPP в исключения

На следующей вкладке получаем доверенный идентификатор и подтверждаем исключение безопасности.

Рис.7 В браузере делаем исключение для адреса XAMPP

2.16. Остальную настройку мы будем выполнять, переходя по ссылкам, которые находятся в левой колонке (сайдбаре) на страницах XAMPP.

Главными для нас будут «Status », «Security », phpMyAdmin ». Любознательные могут посмотреть остальные ссылки сами.

2.17. Для перехода к управляющей утилите XAMPP надо кликнуть по ссылке phpMyAdmin . Откроется страница, в центре которой имеется форма для заполнения двух полей: первое поле для ввода названия базы нашего сайта, второе - для кодировки.

Рис.9 На странице phpMyAdmin нам надо заполнить два поля.

2.18. Вставляем в первом поле, над которым написано Новая база данных , имя своего сайта designfornet (я думаю, логично, что имя базы совпадает с именем сайта).

Для заполнения второго поля есть указатель в конце прямоугольника формы, по нажиму на который появится список кодировок. Надо опуститься до строки utf8_generai-ci и, кликнув по ней, закрепить эту кодировку в форме.

Рис.10 В пустые поля вставляем имя и выбираем кодировку база

Рис.11 Подтверждение о создании базы disignfornet

2.20. Следом нам надо создать пользователей этой базы и задать им пароли доступа. Нажмем на ссылку Привилегии вверху страницы.

Рис.12 Страница со списком предустановленных пользователей

Как оказывается, XAMPP уже создал нам пару пользователей с одинаковыми именами root .

Собственно, это один пользователь в двух лицах , но система будет нам активировать одно лицо по ссылке 127.0.0.1 , а другое - по localhost .

2.21. Для создания пароля первому пользователю root кликаем по значку «Редактировать» в крайнем столбце «Действие». В открывшейся странице опускаемся до блока «Изменить пароль».

Рис.13 Блок «Изменить пароль»

У себя я использовал пароль в виде того же имени «root », что делает его самым простым.

Пользователи, которые собирается открывать XAMPP для Интернета могут генерировать сложный пароль, для чего есть кнопка внизу.

2.22. После клика по кнопке «OK» появится страница с подтверждением создания пароля для первого root .

Рис. 14 Окно с подтверждение о создании пароля

2.23. Для создания пароля для второго пользователя нажимаем на ссылку Привилегии вверху страницы. Кликаем по значку «Редактировать» и повторяем процедуру создания пароля.

Рис.15. Повторяем регистрацию пароля для второго root

Как видите и для него я выставил пароль root , совпадающий с его именем.

Рис.16 Пароль выставляем тот же - root

2.24. После установки паролей для root вернемся по ссылке Привилегии , где в списках мы можем обнаружить лишних пользователь, которых надо удалить. Выставляем напротив такого пользователя галочку и выбираем действие «Удалить выделенных пользователей».

Рис. 17 Страница со списком пользователей

После всех телодвижений у нас должно остаться три пользователя: pma (пользователь от системы) и два одинаковых - root , с одинаковыми паролями.

2.25. Теперь для сохранения всех наших установок требуется перезагрузить XAMPP, для чего находим на Рабочем столе ярлык xampp_stop.ex e. После клика по нему появиться и исчезнет черное окно командной строки. Следом надо кликнуть по ярлыку xampp_start.exe и закрыть черное окно с предупреждением, чтобы мы запускали Start перед Stop. Однако проще запустить Apache и MySql через кнопки Контрольной панели XAMPP и сразу перейти по «Admin »

2.26. Нажимаем на Контрольной панели кнопку «Admin » для повторного входа в XAMPP. Переходим по ссылке Status на страницу, в которой видны запущенные компоненты.

Рис. 18 Страница Status

2.27. Намного интереснее страница по ссылке Security , на которой мы видим предупреждения о проблемах с компонентами XAMPP. Все проблемы, касающиеся нас, я выделил на рисунке в прямоугольники. Как видно, одну проблему мы преодолели.

Рис. 19 Страница Security

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

Суть проблемы в свободном доступе из внешней сети, для решения которой следует перейти по ссылке http://localhost/security/xamppsecurity.php , расположенной под таблицей с предупреждениями.

2.28. На открывшейся странице следует вставить любимое root во все формы. Кроме того, можно указать, чтобы Ксамп создал документы, в которых будут храниться пароли.

Рис.20 Страница Security console MySQL & XAMPP

2.29. После выставки паролей требуется перезагрузить XAMPP. Повторяем все как в пункте 2.25. и переходим по ссылке Security для проверки оставшихся проблем.

Рис.21 Страница Security после установки паролей

Как видно из Рис.21 основные компоненты запущены и для них созданы пользователи с правами доступа.

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

Как я сказал в начале статьи, настройку веб сервера XAMPP мы закончим после создания пробного сайта.

Для этого вам нужно будет перейти к статье Сайт на XAMPP.

Для начала рассмотрим что из себя представляет веб-сервер XAMPP и сравним версии для Windows.

XAMPP - кроссплатформенная сборка веб-сервера, содержащая Apache, MySQL, интерпретатор скриптов PHP, язык программирования Perl и большое количество дополнительных библиотек, позволяющих запустить полноценный веб-сервер.

На момент написания статьи на сайте доступны для загрузки две версии XAMPP для Windows: XAMPP Windows 1.7.2 и XAMPP Lite 1.7.2.

Версия веб-сервера XAMPP Windows 1.7.2 XAMPP Lite 1.7.2
Библиотеки Apache 2.2.12 (IPV6 enabled) Apache 2.2.12 (IPV6 enabled)
MySQL 5.1.37 (Community Server) with PBXT engine 1.0.08-rc
PHP 5.3.0 + PEAR (PEAR, Mail_Mime, MDB2, Zend) PHP 5.3.0 + PEAR
Perl 5.10.0 (Bundle::Apache2, Bundle::Apache::ASP, Bundle::Email, Bundle::DBD::mysql, DBD::SQlite) Mini Perl 5.10.0
XAMPP Control Version 2.5.8 (ApacheFriends Edition)
XAMPP CLI Bundle 1.6 XAMPP CLI Bundle 1.6
XAMPP Port Check 1.4 XAMPP Port Check 1.4
XAMPP Security 1.1 XAMPP Security 1.1
SQLite 2.8.17 SQLite 2.8.17
SQLite 3.6.16 SQLite 3.6.16
OpenSSL 0.9.8k OpenSSL 0.9.8k
phpMyAdmin 3.2.0.1 phpMyAdmin 3.2.0.1
ADOdb v5.09a -
FPDF v1.6 -
Zend Framework 1.9 Minimal Package (via PEAR) -
Mercury Mail Transport System v4.62 -
msmtp 1.4.17 (a sendmail compatible SMTP client)
FileZilla FTP Server 0.9.32 -
Webalizer 2.21-02 (with GeoIP lite)
Xdebug 2.0.5 for PHP -
eAccelerator 0.9.6-rc1 for PHP -
Ming 0.4.2 for PHP Ming 0.4.2 for PHP
PDF with pdflib lite v7.0.4p4 for PHP
Системные требования 128 MB RAM 128 MB RAM
256 MB free fixed disk 160 MB free fixed disk
Windows 2000, XP (Server 2003), Vista (Server 2008)
all systems 32 bit (64 bit not tested)
Размер EXE 44MB ZIP 84MB EXE 26MB ZIP 56MB
Станица загрузки http://www.apachefriends.org/en/xampp-windows.html#641 http://www.apachefriends.org/en/xampp-windows.html#646

Вопрос выбора версии заключается лишь в наличии необходимых библиотек (см. табл. выше), облегченная версия по заявлению авторов обновляется не так часто как полный пакет, процесс установки обеих версий абсолютно идентичен. Переходим на сайт по указанным выше ссылкам и качаем подходящую вам версию (в обзоре я буду говорить об установке и настройке XAMPP Windows 1.7.2 , установка производилась на Windows 7 Ultimate x86).

Установка веб-сервера XAMPP

1. Начинаем установку XAMPP. Откроется окно, в котором нам предлагается выбрать путь для размещения сервера. По-умолчанию это диск C:\. Я не буду изменять путь и установлю сервер на предложенный диск. Нажимаем кнопку Install и ждем пока дистрибутив полностью распакуется.


2. После распаковки дистрибутива запустится командная строка, далее основная установка будет происходить через нее. XAMPP предлагает создать ярлыки на рабочем столе и в меню пуск, нажимаем enter.


3. Теперь у нас спрашивают, правильно ли выбран каталог установки XAMPP, по-умолчанию сервер будет располагаться по следующему адресу C:\xampp, нажимаем enter.


4. Хотим ли мы установить портативную версию? Нажимаем enter, т.к. XAMPP устанавливается на жесткий диск.


5. Окончательная установка XAMPP. Нажимаем enter для продолжения.


6. Автоматический выбор часового пояса. Нажимаем enter.


7. Запустим панель управления XAMPP (XAMPP Control Panel), выбираем 1 и жмем enter.


8. Открылась панель управления сервером. Закрываем командную строку.

Подсказки по панели управления:

Checkboxes (Svc) - устанавливает модуль в качестве службы Windows (если вы хотите запускать какой либо модуль (Apache, MySQL и т.д.) как службу, то отмечаем соответствующие флажки)

Admin - запускует администрирование модулем (Admin напротив модуля Apache - откроет окно приветствия XAMPP, выбираем язык. И попадаем в веб-интерфейс XAMPP, здесь можно проверить демонстрационные примеры в разделе Demos, узнать информацию о модулях и т.д. Admin напротив модуля MySQL - запустит phpMyAdmin)

Shell - запуск командной строки для работы с сервером;

Setup - открывает командную строку для настройки XAMPP;

Port-Check - проверка портов;

Explore - открывает папку в которую установлен XAMPP, в нашем случае C:\xampp;

SCM - открывает окно управления службами Windows;

Refresh - обновление состояния модулей;

Запускается XAMPP с помощью ярлыка на рабочем столе или в меню пуск, если же вы при установке отказались от создания ярлыков, вы можете запустить XAMPP с помощью файла xampp-control.exe в директории C:\xampp, там же вы можете увидеть все остальные ярлыки, которыми можно запустить отдельные модули, деинсталировать XAMPP и т.п.

Иконка XAMPP удобно сидит в трее и при щелчке левой кнопки мыши открывает панель управления (XAMPP Control Panel).

9. Запускаем модули Apache и MySQL (кнопки Start), набираем в браузере localhost (или жмем Admin напротив модуля Apache):

10. П ри первом запуске откроется страница приветствия, выбираем один из предложенных языков:


11. Попадаем в веб-интерфейс XAMPP, здесь вы можете ознакомиться документацией, примерами в разделе Demos и т.д.:


В разделе Security находятся настройки безопасности:



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

Для того чтобы создать новый сайт на локальном веб-сервере, необходимо создать папку с названием сайта в папке C:\xampp\htdocs\, например blog и создадим там тестовый php-скрипт с кодом:

Сохраним как index.php. Структура папок:

Переходим в браузере по адресу http://localhost/blog/ и, если все сделано правильно, видим приветствие "Hello world!", тем самым мы протестировали работоспособность сервера:


Веб-сервер можно установить и другим способом, для этого необходимо распаковать инсталятор или ZIP-архив в любое удобное для вас место на жестком диске, название папки xampp можно переименовать, например в server и запустить установку с помощью файла setup_xampp.bat в этой папке, повторить все шаги описанные выше.

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

Настройка виртуальных хостов

Если мы хотим хранить свои проекты в другой папке (например, Мои документы) или локальная версия сайта должна работать при переходе по адресу www.blog.ru вам необходимо разобраться с настройкой виртуальных хостов, об этом и пойдет речь в данном подразделе.

Предположим наш сайт должен храниться на диске C в папке my_projects (C:\my_projects), в браузере он должен открываться по адресу www.blog.local или blog.local.

Создадим в папке my_projects папку с названием blog.local, в ней создадим папки www и logs. В папку www положим наш тестовый скрипт index.php.

Вот так это будет выглядеть в файловой системе Windows:

Теперь перейдем к настройке виртуальных хостов. Открываем в текстовом редакторе файл httpd-vhosts.conf, расположенный по следующему адресу: C:\xampp\apache\conf\extra.

Все что находится в файле httpd-vhosts.conf мы трогать не будем, а просто добавим наши хосты (просто скопируйте и вставьте в файл приведенный ниже код):

NameVirtualHost *:80 ServerAdmin

Верхний виртуальный хост, выделен другим цветом, позволит нам по прежнему заходить на localhost (локальный сайт XAMPP).

Следующим шагом нам потребуется добавить две строчки в файл hosts, расположенный по следующему адресу C:\Windows\System32\drivers\etc\hosts (также рекомендую создать для него ярлык в папке сервера):

127.0.0.1 blog.local 127.0.0.1 www.blog.local

Заходим в панель управления XAMPP (XAMPP Control Panel) и перезапускаем Apache. Теперь проверим наш сайт, который должен работать по адресу www.blog.local. Если все сделано верно, то мы увидим приветствие "Hello world!".

Так как скорее всего понадобится создание нескольких сайтов на локальном сервере, приведу пример добавления хостов в файл httpd-vhosts.conf. Предположим новый сайт будет называться site.local:

NameVirtualHost *:80 DocumentRoot "C:\xampp\htdocs" ServerName localhost ServerAdmin DocumentRoot "C:\my_projects\blog.local\www" ServerName blog.local ServerAlias www.blog.local ErrorLog "C:\my_projects\blog.local\logs\error.log" CustomLog "C:\my_projects\blog.local\logs\access.log" combined AllowOverride All Order allow,deny Allow from all ServerAdmin DocumentRoot "C:\my_projects\site.local\www" ServerName site.local ServerAlias www.site.local ErrorLog "C:\my_projects\site.local\logs\error.log" CustomLog "C:\my_projects\site.local\logs\access.log" combined AllowOverride All Order allow,deny Allow from all

Также не забываем добавить следующие строчки в файл hosts в папке Windows:

127.0.0.1 site.local 127.0.0.1 www.site.local

Перезапускаем Apache и новый хост готов для работы.

По аналогии можно добавить сколько угодно виртуальных хостов.

Немного справочной информации относительно того, что мы добавляем в файл httpd-vhosts.conf:

Установка WordPress на XAMPP

Для установки WordPress будем использовать, ранее созданный, виртуальный хост blog.local, следовательно и файлы движка будут располагаться в папке blog.local (C:\my_projects\blog.local\www).

1. Скачиваем свежую версию WordPress с официального сайта www.wordpress.org и распаковываем архив в папку www (содержимое папки wordpress в архиве).

2. Перейдем в phpMyAdmin и создадим базу данных для нашего блога:


Новая база данных: blog; сравнение: utf8_general_ci; сопоставление соединения с MySQL: utf8_general_ci → нажимаем кнопку Создать.

Итак, база данных создана:


3. Вернемся в папку в которую мы распаковали WordPress и найдем файл wp-config-sample.php, переименуем его в wp-config.php и откроем в любом текстовом редакторе, который поддерживает кодировку UTF-8 и введем свои данные:

- Имя базы данных для WordPress: blog;

- Имя пользователя MySQL: root;

- Пароль пользователя MySQL: оставляем пустым, если в настройках Security ничего не указывали;

- Адрес сервера MySQL: localhost;

- Кодировка базы данных при создании таблиц: utf8;

- Схема сопоставления: utf8_general_ci;

Выглядеть это должно так:

/** Имя базы данных для WordPress */ define("DB_NAME", "blog"); /** Имя пользователя MySQL */ define("DB_USER", "root"); /** Пароль пользователя MySQL */ define("DB_PASSWORD", ""); /** Адрес сервера MySQL */ define("DB_HOST", "localhost"); /** Кодировка базы данных при создании таблиц. */ define("DB_CHARSET", "utf8"); /** Схема сопоставления. Не меняйте, если не уверены. */ define("DB_COLLATE", "utf8_general_ci");

Сохраняем и закрываем файл.

Важно чтобы все изменения в файле wp-config.php сохранились в кодировке UTF-8!

4. Переходим в браузере по адресу blog.local и видим страницу приветствия WordPress, вводим название блога и e-mail администратора (все письма мы можем посмотреть в папке sendmail, речь о которой шла выше):


Нажимаем "Установить WordPress" и попадаем на страницу с логином и паролем:


Вход в панель администрирования блогом: http://blog.local/wp-admin/


Переход на блог: http:// blog.local


Установку WordPress можно произвести и альтернативным способом, для этого после распаковки архива с движком и создания базы данных, наберите в адресной строке браузера название вашего блога, WordPress предложит создать файл wp-config.php через веб-интерфейс.

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

Теперь для установки и изучения этой системы управления содержимым мы организуем локальный хостинг. Конечно, можно установить Joomla сразу на интернет-хостинг, тем более, что нынешние цены доступны каждому – надо только выбрать хостера. Но... работа над сайтом далеко не всегда ограничивается одним днём. А если в это время лихорадит подключение к Интернет? А если наделал ошибок и сайт «лежит» в неприглядном виде? Лучше спокойно дома всё настроить, отладить, со всем разобраться, а уже потом перенести сайт на «боевой» сервер.

Установка XAMPP в Windows 7

Полный пакет XAMPP для Windows содержит: веб-сервер Apache 2.4.10 с поддержкой SSL, СУБД MySQL 5.6.21, PHP 5.5.19, Perl, FTP-сервер FileZilla 0.9.41, Mercury Mail Transport System 4.63 (почтовый сервер), 4.2.11. Как видим, такой набор соответствует системным требованиям Joomla. Даже есть полезные дополнения в виде почтового сервера (пригодится для отправки почты с локального сайта) и phpMyAdmin (для работы с БД MySQL).

Скачиваем дистрибутив (143 Мб) с сайта проекта . Перед началом установки отключаем UAC (User Account Control). Делается это следующим образом. Переходим в панель управления и в поле поиска, расположенном в правом верхнем углу, вводим UAC.

Опускаем ползунок в самое нижнее положение и сохраняем изменения. Всё, UAC отключен.

Теперь запускаем исполняемый файл XAMPP с правами администратора. В окне приветствия нажимаем «Next». В окне выбора компонентов отмечаем всё.

Опять «Next». Снимаем галочку – вы сами сможете установить Joomla! А узнать о проекте Bitnami можно и позже.

Переходим к следующему шагу, где сообщается, что программа готова к установке. Ну, раз программа готова, запускаем установку. Через несколько минут получаем сообщение об успешном окончании.

Снимаем галочку – сейчас запускать панель управления XAMPP не будем. Перезагружаем компьютер.
После перезагрузки компьютера запускаем панель управления XAMPP (Пуск->Все программы-> XAMPP->XAMPP Control Panel). Вкратце ознакомимся с элементами управления.

Кликаем по кнопке «Config» в верхнем правом углу панели и вызываем общие настройки панели управления. В поле «Editor», по умолчанию, используется текстовый редактор Windows, хорошо известный, как «Блокнот». Именно в нём будут открываться настроечные файлы модулей XAMPP. Но я бы посоветовал установить в систему текстовый редактор Notepad++ . Он нужен не только для правки настроечных файлов XAMPP, в дальнейшем, он вам очень пригодится при работе с сайтом. Замена одного редактора на другой в панели управления XAMPP производится кнопкой с изображением папки и указанием пути к исполняемому файлу.

В окне настроек панели управления XAMPP можно включить опции автоматического старта нужных модулей. На рисунке отмечены Apache и MySQL. Теперь при запуске панели управления отмеченные модули будут стартовать автоматически.

Ниже, есть ещё одна полезная опция – «Start Control Panel Minimized». Если она отмечена, то при запуске, панель управления XAMPP будет сразу свернута в трей (нижний правый угол панели задач Windows).

Если перейти по кнопке «Service and Port Settings», то откроется окно с настройками номеров портов, которые использует тот или иной модуль XAMPP. Сейчас в нём ничего не надо менять. Это нужно делать например, в случае, когда какая-либо установленная на компьютере программа использует тот же порт, что и один из модулей XAMPP, чем создает конфликт.

Выходим из окна общих настроек и смотрим на саму панель управления. В её левой части находятся кнопки с красным крестом. Они позволяют запускать модули XAMPP, как службы. То есть, отмеченные модули будут запускаться вместе с операционной системой и работать в фоновом режиме. С одной стороны это удобно. Но эти службы будут работать и тогда, когда вы не пользуетесь своим локальным хостингом, а ресурсы компьютера они потреблять будут. Так что решайте сами.

Если модули не стартуют автоматически, то запустить их можно соответствующими кнопками «Start». Для установки Joomla нужно, чтобы работали Apache и MySQL.

Теперь проверим работу локального хостинга. В адресной строке браузера набираем localhost и переходим по этому адресу. В первый раз вы увидите окно с выбором языка. Русского языка в списке нет, поэтому выбираем английский. Если после этого вы видите следующую страницу, то значит локальный хостинг работает и вы сделали всё правильно.

Но это ещё не всё. Надо внести некоторые изменения. Во-первых нужно установить пароль в MySQL для пользователя «root» (суперпользователь, администратор). Сейчас пароль пустой. Это очень не хорошо! Кликаем на ссылке «Security».

В открывшейся вкладке (окне) переходим по ссылке http://localhost/security/xamppsecurity.php. Теперь в разделе «MYSQL SECTION: "ROOT" PASSWORD» вводим и подтверждаем пароль для пользователя «root». Переключатель «PhpMyAdmin authentification» оставляем в положении «cookie». Нажимаем кнопку «Password Changing». Вот теперь хорошо! Пароль запоминаем, он вам понадобится при установке Joomla. Так же учетные данные (логин и пароль) пользователя «root» понадобятся при входе в phpMyAdmin – веб интерфейс СУБД MySQL. Войти в phpMyAdmin можно по ссылке, расположенной на странице http://localhost (почти в самом низу) или набрав в адресной строке браузера http://localhost/phpmyadmin.

А в следующей статье будет описана установка Joomla!

Ещё статьи о Joomla 3

    • В предыдущей статье о настройках Joomla рассматривалась общая для всего сайта группа настроек. Одна из настроек устанавливает тип CAPTCHA на сайте. Но без некоторых манипуляций сделать это не получится. В этой статье описывается включение и настройка CAPTCHA на сайте под управлением...