(Денвер). В этом уроке мы продолжим рассмотрение данной темы и также установим локальный сервер, но уже на базе дистрибутива XAMPP.
Больших отличий между этими двумя дистрибутивами немного, и они оба отлично справляются с задачей запуска на своей локальной машине веб-сервера. Напомним, что главной задачей развертывания локального сервера является возможность разработки сайта на своем компьютере, тестирование и отладка сайта даже без наличия Интернета. Другими словами, сборки Денвер и XAMPP содержат в себе все самые необходимые инструменты для запуска полноценного веб-сервера, как на обычном платном хостинге.
К этому инструментарию относятся, в частности: HTTP-сервер Apache, интерпретатор скриптов PHP, система управления базами данных MySQL, интерпретатор языка Perl, и масса других дополнительных библиотек.
Процесс установки XAMPP
Загрузите установщик XAMPP на странице скачивания дистрибутива: https://www.apachefriends.org/ru/download.html
После скачивания запускаем инсталлятор
При запущенном антивирусе инсталлятор выдаст предупреждение, что для установки может потребоваться больше времени. Если у вас есть свободное время и/или мощный компьютер, смело жмите Yes .
В следующем окне пользователю предлагается выбрать компоненты для установки.
Практически все указанные компоненты могут вам пригодиться в дальнейшем, поэтому лучше почитайте немного в Интернете о каждом из компонентов, и исходите из позиции их нужности для вас. Для базовой работы понадобятся Apache, MySQL, программный язык PHP. Также желательно установить для более комфортной работы с базами данных.
Кликайте «Next » и в следующем окне вам нужно выбрать целевую папку установщика. Оставьте так, как есть, или же укажите другое место назначения.
В следующем окне вам предложат установить Bitnami для XAMPP, т.е. набор плагинов и дистрибутивов для различных CMS (напр., Drupal, Joomla, WordPress). Эта опция призвана упростить жизнь новичкам, но на практике все оказывается еще значительно труднее. Поэтому, вы ничего не потеряете, если снимете галочку и нажмете “Next ” для продолжения установки.
Непосредственно сам процесс установки
Если вы видите такое окно,
значит процесс установки XAMPP успешно завершен.
Нажмите на кнопку «Finish » и вы автоматически перейдете к панели управления сервером:
Для начала работы с сервером достаточно нажать кнопки «Start » напротив сервера Apache и базы данных MySQL. Запущенные службы подсвечены зеленым фоном и становятся активными их кнопки «Admin».
Кнопка «Admin» апача открывает ссылку http://localhost/dashboard/ в браузере; здесь вы найдете набор полезных данных: вопросы и ответы по XAMPP, документацию и запуск phpinfo (информация о текущих настройках и конфигурации PHP) . Все это пока только на английском языке.
Кнопка «Admin» MySQL запускает phpMyAdmin – приложение для работы с базой данных.
Теперь у вас есть свой локальный сервер на базе XAMPP ! Дальнейшее – дело техники и знаний. Т.е. дальше нужно разбираться как делать сайты. А XAMPP вам поможет в его тестировании и отображении.
Если у вас есть файлы сайта для теста, запустить его на локальном сервере XAMPP довольно просто: копируете все файлы сайта в отдельный каталог в папку сервера, выбранную при установке (по умолчанию это была папка htdocs , полный путь к ней C:\xampp\htdocs \. Если вы изменяли папку назначения, то C:\выбранная_папка_при_установке\htdocs \).
Например, у вас есть папка sait с файлами сайта. После копирования в локальный сервер путь к файлам сайта будет следующий: C:\xampp\htdocs\sait \. А доступ к сайту в браузере будет http://localhost/sait/. Т.е., набрав в браузере данный путь, вы «запросите» у локального сервера файлы в папке sait , и вам откроется индексный файл сайта (напр. index.html , или index. php и т.д.).
Вы можете изменить название папки своего сайта на любой домен, например, google.com. Тогда путь к файлам сайта будет не C:\xampp\htdocs\sait \, а C:\xampp\htdocs\google.com \. И в браузере нужно набирать http://localhost/google.com /.
Наличие в адресной строке пути localhost немного запутывает, но служит для напоминая, что вы работаете на локальном сервере, а не на удаленном хостинге. И добавит вам немного нервов при переносе сайта на рабочий хостинг (нужно будет заменить в файлах и/или базе данных все статические ссылки с localhost в адресе), но это уже тема для отдельного урока.
После завершения рабочего дня и тестирования сайта, не забывайте останавливать работу локального сервера XAMPP путем нажатия на кнопки «Stop» в панели администрирования.
Некоторые моменты:
- Локальный сервер XAMPP подойдет вам, если у вас установлен не Windows, а например, Linux или Mac OS. Денвер работает только на операционной системе Windows.
- Это довольно спорный момент, но загрузка и обработка сайтов на сложных CMS (например, Мадженто), в XAMPP происходит немного быстрее, чем в Денвере. На эту скорость, все же, больше влияет конфигурация компьютера – скрипты и код обрабатываются быстрее, если у вас довольно мощная машина.
- Отсутствие русской локализации, документации на русском, делает XAMPP не таким популярным, как Денвер в Восточной Европе.
- Возможны конфликты при одновременной работе Skype и XAMPP из-за использования в Skype 80 порта.
- XAMPP и Денвер являются бесплатными, с открытым исходным кодом, но для скачивания дистрибутива Денвер понадобится регистрация.
На свой локальный компьютер с помощью инструмента XAMPP и зачем это вообще нужно.
Зачем устанавливать WordPress на локальный компьютер?
Перед тем, как узнать «как» это сделать, давайте разберемся «зачем» это нужно и чем оно поможет в работе с сайтом на WordPress.
Быстрая передача файлов
Вам наверняка приходится загружать немалое количество файлов, включая темы, плагины, прочее. А это может значительно снизить скорость загрузки, особенно в сравнении с тем, как легко удается скопировать и вставить ту или иную информацию, или извлечь zip-файл с одной части компьютера в другую.
Если же вы установите версию WordPress для локального компьютера, вы сможете переносить файлы, вносить изменения в wordpress, устанавливать темы и плагины, при этом загрузка страниц не будет тормозить работу с сайтом.
Вы узнаете о WordPress больше
Если вы только начинаете работу с WordPress и изучаете его, то автономная локальная установка поможет вам в этом. Вы сможете экспериментировать, при этом никто не увидит, что именно вы делаете и какие изменения вносите на сайт.
Разработка в автономном режиме перед загрузкой изменений
Скорее всего, у каждого разработчика есть хотя бы один локальный сайт на WordPress. Тем не менее, если вы только начинаете работу с дизайном или разработкой, тогда вас может заинтересовать тот факт, что вы можете быстро загрузить полностью весь сайт на свой компьютер и редактировать его в автономном режиме.
Создание личного автономного блога
Еще одной причиной для в автономном режиме может быть возможность вести свой приватный блог. Вам будут доступны все возможности WordPress, включая все плагины, которые используются для этой платформы. И при этом никто никогда не увидит ваш блог в онлайн режиме.
Как видите, причин для установки WordPress на локальный компьютер множество. А теперь давайте разберемся, как это можно сделать, причем совершенно бесплатно.
Локальная установка WordPress с помощью XAMPP
Для использования WordPress на своем компьютере, сначала нужно скачать бесплатное программное обеспечение XAMPP . Это среда PHP разработки, хоть и есть много других возможностей для использования WordPress локально, но это является лучшим.
Шаг 1. Загружаем XAMPP
Это программное обеспечение можно скачать здесь , только выберите подходящий вариант, в зависимости от операционной системы на вашем компьютере и скачайте файл.
Шаг 2. Устанавливаем XAMPP
После загрузки соответствующего файла начните установку двойным щелчком мыши.
В процессе установки оставьте стандартные настройки и нажмите «Далее».
Когда дойдет до выбора папки для сохранения XAMPP, можно выбрать папку по умолчанию либо создать новую. Если вы не знаете, как лучше сделать, выберите первый вариант.
Ждем, пока XAMPP установится, чтоб перейти к следующему шагу.
Шаг 3. Запускаем XAMPP
Когда XAMPP установлен на ваш компьютер, выберите «Начать загрузку панели управления сейчас» и нажмите «Готово».
После этого нажмите «Start» для Apache и MySql:
На этом этапе обычно приходит оповещение о системе безопасности от Windows, но вы можете ни о чем не беспокоиться. Убедитесь, что вы нажали на «Разблокировать», и ваш локальный сервер XAMPP будет готов к использованию.
Чтоб проверить, все ли сделано правильно, откройте браузер и перейдите по этому адресу:
http://localhost
Если XAMPP настроен правильно, то вы должны увидеть следующее:
Шаг 4. Создаем базу данных для WordPress
Так как WordPress использует базу данных, то нам нужно ее создать перед установкой WordPress. Это делается очень просто и всего в несколько шагов.
Для начала переключитесь на панель управления, нажмите на кнопку «Админ», а затем на «Старт» для MySql:
После этого в вашем браузере должна открыться админ-панель phpMyAdmin:
Здесь нажмите на «Databases», введите название вашей БД (любой набор латинских символов) и нажмите на кнопку «Создать». Так как вы можете создать несколько БД и произвести несколько установок WordPress на свой компьютер. Главное, дайте такое имя для БД, чтобы потом не перепутать, к какому сайту оно относится.
Когда вы увидите сообщение, подтверждающее создание базы данных, можете переходить к следующему шагу.
Шаг 5. Загружаем WordPress
Перейдите на wordpress.org и скачайте последнюю версию WordPress . После загрузки zip-файла, перенесите его туда, где вы установили XAMPP и сохраните в папке «htdocs ».
Затем разархивируйте этот файл, кликнув на него правой кнопкой мыши и выбрав «Извлечь в текущую папку»:
Можете дать папке уникальное название, чтоб можно было отличить ее от других, которые вы будете создавать в дальнейшем.
Шаг 6. Настраиваем WordPress
Мы практически все сделали. Осталось только отредактировать и переименовать один файл. В каталоге WordPress, который вы только что создали, найдите файл wp-config-sample.php и откройте его с помощью текстового редактора, например Notepad++ :
Отредактируйте данные в выделенной области в соответствии с названием базы данных, которую вы создали в шаге 4.
Сохраните файл и переименуйте его на wp-config.php , удалив –sample из его названия.
Шаг 7. Устанавливаем WordPress
Чтобы установить WordPress, введите в браузере адрес: http://localhost/wordpress/ , где «wordpress» является названием папки, которую вы создали в шаге 5. После загрузки страницы отобразится следующее:
Затем введите необходимые данные, нажмите на «Установить WordPress», после чего на вашем компьютере появится установленный WordPress в автономном режиме.
Если вы хотите установить темы или плагины, вы можете cделать это через админку WordPress, как бы вы это делали в онлайн режиме, или же можно скопировать файл в соответствующие папки на вашем компьютере:
- Темы: c:\xampp\htdocs\wordpress\wp-content\themes
- Плагины: c:\xampp\htdocs\wordpress\wp-content\plugins
Если вы не можете получить доступ к WordPress автономно по этим ссылкам, убедитесь, что XAMPP активен и запущены Apache и MySql.
Если вы хотите загрузить сайт онлайн для использования в режиме оффлайн, или наоборот, то в этом вам поможет бесплатный плагин Duplicator .
Качаем XAMPP. Офсайт всегда онлайн (жирную кнопку скачивания версии для Windows пропустит только слепой):
Скачать XAMPP с официального сайта
XAMPP на Windows 10: настройка программы
После загрузки XAMPP настойчиво попросила меня сначала отключить антивирус, а вслед за ним и UAC:
Для несильно сведущих переведу:
“Важно! Из-за работающего в системе Контроля учётных записей пользователей (UAC) некоторые из функций XAMPP, вероятно, будут запрещены. С работающим UAC не пытайтесь, пожалуйста, установить программу в папку C:\Program Files (из-за отсутствия разрешений на запись). В противном случае отключите UAC с помощью msconfig сразу после установки”.
Вот так. Ладно, программа доверенная, раз просит, значит нужно: . Мда… теперь ещё и антивирус ему мешает:
Окно сообщает, что установка может быть не так быстра и прерываться сообщениями от антивируса. Что ж, притормозим и антивирь. Запускаем установщик, не меняя папку установки по умолчанию – иначе следите за путями, мною указанными. Мне попалась сборка на двух только языках, я выбрал американский флажок.
Проверяем работу программы, набирая в строке браузера localhost . Если всё правильно, видим приветственную страницу машины:
Сразу проверяем консоль самой XAMPP (пропускаю все сервисы через фаерволл Windows – разрешайте через частные сети). Ага… Запустились все сервисы, окромя сервера Tomcat (без него, напомню, на XAMPP мы запускать напрямую файлы JSP не можем; JSP файлы – это специальные файлы, сгенерированные сервером – похожи на PHP или ASP, только вместо кода ActiveX или PHP картинку нам рисует Java ):
программа знает, чего её не хватает
Пошли искать пакет JDK. На секунду застопорился: на официальном сайте не оказалось 32-х битной версии JDK. Нашёл на:
Установилось, проверяю:
Всё работает, ставим WordPress.
Установка WordPress в автоматическом режиме.
В XAMPP для установки самых популярных блого-движков всё готово. Более того, вам сразу подсунут заведомо последнюю версию движка. Единственно, что меня выручила учётная запись в Google (Google+), благодаря которой доступ к скачиванию плагина для WordPress открылся моментом. На странице localhost вашего браузера крутанём страницу вниз и обнаружим искомую ссылку для скачивания специального плагина, который безошибочно установит WP на виртуальный хостинг:
регистрации в facebook и твиттере тоже прокатят
осталось выбрать версию ОС:
Теперь проходим недолгую процедуру установки:
Всё, теперь по адресу localhost при запущенной панели XAMPP у вас есть блог на WordPress.
XAMPP на Windows 10: установка в ручном режиме
Эта часть статьи посвящена тем, кто устанавливает WP вручную. Часть статьи, в которой мы устанавливаем и настраиваем виртуальный хостинг аналогична (как и установка пакета Java JDK). Запускаем панель XAMPP и проверяем настройки MySQL. Для этого запускаем MySQL… Как бы не так (до перезагрузки Windows всё работало; ну… как всегда, вобщем ):
Окно ошибки сообщает, что:
“MySQL неожиданно прекратил работу. Вероятно, это произошло из-за заблокированного порта, отсутствующих зависимостей, неверно выставленных прав, внутренней ошибки или воздействия со стороны другого процесса. Нажмите на кнопку Logs, чтобы проверить лог ошибок программы и проверьте журнал событий Windows для более подробной информации. Если вам понадобится помощь, скопируйте это сообщение и покажите на форумах”.
Жмём по кнопке Logs и ищем заветное слово failed и всё, что с ним связано. Точно:
У меня отвалился некий плагин Aria , причём ошибок вывалил по всем фронтам. Оказалось, типичная на этом этапе ошибка плагина, мешающая ПОВТОРНОМУ запуску сервиса. Решается удалением контролирующего лог-файла aria_log_control . Он находится по пути:
C:\xampp\mysql\data
Запускаем проводник (Win + E) и удаляем файл:
Перезапускаем консоль XAMPP. Заработало. Отправляемся в панель администратора MySQL, щёлкнув по активной теперь кнопке Admin . Откроется окно браузера по умолчанию по адресу localhost , в котором вы увидите панель настроек phpMyAdmin . Создадим папку, где будет храниться база данных сайта. Щёлкнем слева по Создать БД :
В появившемся окне вводим имя папки, допустим WordPress , и щёлкаем Создать :
Здесь всё, можно закрыть браузер.
WordPress: качаем и настраиваем
А теперь качаем последнюю версию WordPress:
Он приедет в zip-архиве, который распакуйте в удобное место. Но перед тем, как он отправится по месту назначения, некоторые файлы конфигурации WP нужно подправить. В разархивированной папке найдём файл:
типа вот так
Это – не пароли и логины к сайту; это всего лишь необходимые настройки доступа к базе данных.
Всё. Теперь всю папку нужно положить в директорию к XAMPP. По умолчанию та устанавливается в C:\xampp (это легко обнаружить, вызвав Свойства любого ярлыка XAMPP):
То есть папка полетела в C:\xampp\htdocs :
Запускаем любой браузер, в адресной строке указываем адрес к базе данных:
Localhost/wordpress
Работающий модуль PHP сам перекинет вас на страницу установки, где выбираем последние параметры установки блога:
Ну, дальше сообразите. И XAMPP на Windows 10, и WordPress на XAMPP ложатся ровно. Только сразу пароль сохраните, какой-нибудь qwerty или 111222333 не прокатит и почтовый адрес укажите существующий: у нас всё по-честному. Осталось закрепиться логином и паролем. Лаборатория готова.
Если вы пользуетесь операционной системой Windows
и вам понадобилось запустить несколько сайтов, а xampp
позволяет работать только с одним хостом (localhost
).
То данная статья для вас. В статье будет описан процесс создания/добавления локального домена и хоста для работы с этим доменом.
Настройка поддоменов и виртуальных хостов
Создания хоста
Первоначально нужно найти файл - httpd-vhosts.conf .
Он должен лежать в папке с xampp . Обычно xampp по умолчанию просит установку в корень диска C .
C:\XAMPP\apache\conf\extra Если вы устанавливали xampp в другую директорию, то действуйте аналогично. Найдите путь до вашего xampp, далее перейдите в папки - apache\conf\extra .
По умолчанию файл httpd-vhosts.conf должен содержать закомментированные строки с настройками:
# Virtual Hosts
#
# Required modules: mod_log_config
# If you want to maintain multiple domains/hostnames on your
# machine you can setup VirtualHost containers for them. Most configurations
# use only name-based virtual hosts so the server doesn"t need to worry about
# IP addresses. This is indicated by the asterisks in the directives below.
#
# Please see the documentation at
#
В конце данного файла содержатся строки с примерами настроек хостов.
После этих строк нужно добавить строки с требуемыми конфигурациями:
Результат:
Данная конфигурация оставляет активированным localhost и добавляет новый хост pacificsky.local .
Создание папки с проектом
- Из корня xampp перейдите в папку htdocs : C:\xampp\htdocs
- Создайте новую папку и присвойте ей имя - (pacificsky ) в соответствии с конфигурацией xampp , указанной в параметре DocumentRoot (DocumentRoot "C:/XAMPP/htdocs/pacificsky").
- Перейдите в папку pacificsky и создайте в ней файл index.php .
- Откройте файл index.php и добавьте строки:
- Сохраните и закройте файл index.php
Редактирование файла hosts
Если вы ведете разработку на локальной машине, то вам нужно настроить переадресацию для локального домена, указанного в конфигурации xampp .
- Перейдите в директорию: C:\Windows\System32\drivers\etc
- Откройте файл hosts
- Добавьте в конце файла строку: 127.0.0.1 pacificsky.local
Итог
Дополнительная информация
В статье приведены примеры с локальным хостом/доменом pacificsky.local
и путем до папки с проектом - pacificsky
.
Если вы настраиваете xampp
для себя, то необходимо заменить наименование домена pacificsky.local
и путь до проекта pacificsky
на свой.
Для начала рассмотрим что из себя представляет веб-сервер 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
Верхний виртуальный хост, выделен другим цветом, позволит нам по прежнему заходить на 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
Также не забываем добавить следующие строчки в файл 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 очень понравился в работе, работает быстро, ошибок нет, то, что некоторые надстройки надо выполнять вручную, я считаю только плюсом.
