Что такое xampp и зачем он нужен. XAMPP локальный сервер: установка, настройка, использование. Редактируем файл hosts

Во время разработки сайта мне часто удобнее писать относительные пути от корневой папки, чтобы не менять их при загрузке на сервер, а также, чтобы при работе с 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 и зачем это вообще нужно.

Зачем устанавливать 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.

Больших отличий между этими двумя дистрибутивами немного, и они оба отлично справляются с задачей запуска на своей локальной машине веб-сервера. Напомним, что главной задачей развертывания локального сервера является возможность разработки сайта на своем компьютере, тестирование и отладка сайта даже без наличия Интернета. Другими словами, сборки Денвер и 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 и Денвер являются бесплатными, с открытым исходным кодом, но для скачивания дистрибутива Денвер понадобится регистрация.

Для разработки и тестирования сайтов или веб-приложений обычно используют локальный Web-сервер, а после разработки переносят уже на рабочий сервер. Поэтому сегодня я предлагаю рассмотреть возможность установки локального web-сервера на операционную систему Windows 7, и так как у нас сайт для начинающих разработчиков, мы будем использовать готовую сборку web-сервера на примере XAMPP .

И начнем мы с основ, т.е. узнаем, что же это такое сборка web-сервера, из чего она состоит, зачем она нужна, в частности разберем сборку XAMPP, установим ее и, конечно же, проверим ее работу.

Что такое сборка Web-сервера?

Сборка Web-сервера – это некий комплект приложений необходимых для функционирования сайтов, после развертывания которого, можно сразу переходить к их разработке, не отвлекаясь и не вникая в настройки каждого компонента web-сервера.

В сборку web-сервер обычно входит как минимум 3 компонента: это непосредственно сам HTTP сервер, средство разработки сайтов, т.е. библиотеки языка программирования, интерпретатор и т.д., и система управления базами данных. Для таких сборок используется бесплатное программное обеспечение, поэтому самыми распространенными компонентами являются веб сервер Apache, СУБД MySQL, языки программирования PHP и Perl.

Если говорить о том, для чего вообще нужна такая сборка, так как Вы сами понимаете, что все это в отдельности устанавливается и настраивается, то она нужна в основном для того, чтобы облегчить жизнь начинающим разработчикам, чтобы они могли просто установить одну программу и сразу начать, скажем, учиться программировать (создавать сайты). Для примера в качестве операционной системы нашего локального web сервера мы будем использовать Windows 7, так как именно ОС Windows от компании Microsoft широко используется у нас в России.

Конечно же, после того как разработка сайта или веб приложения окончена, необходимо перенести все на рабочий сервер, который скорей всего будет использовать операционную систему на базе Linux. Например, мы с Вами уже рассматривали возможность установки и настройки полноценного, рабочего web-сервера на CentOS 7.1 , где мы как раз по отдельности устанавливали и настраивали каждый из компонентов web-сервера, там мы использовали Apache, PHP и MySQL. Также если кому интересна установка СУБД MySQL на Windows, то это мы подробно рассмотрели вот .

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

В число самых популярных сборок web-сервера входят: Denwer, Open Server, XAMPP, WampServer . Как видно из названия статьи, сегодня мы будем рассматривать XAMPP.

Что такое XAMPP?

XAMPP — это бесплатная, кроссплатформенная сборка веб-сервера, которая включает Apache, MySQL PHP и Perl.

Как не трудно догадаться XAMPP — это аббревиатура:

  • X – означает, сборка есть под все операционные системы (Windows, Linux, OS X);
  • A – Apache;
  • M – MySQL;
  • P – PHP;
  • P – Perl.

В последнюю, на сегодняшний день (Июнь 2015 ), сборку XAMPP для Windows включено следующее программное обеспечение: Apache 2.4.12, MySQL 5.6.24, PHP 5.6.8, phpMyAdmin 4.3.11, OpenSSL 1.0.1, XAMPP Control Panel 3.2.1, Webalizer 2.23-04, Mercury Mail Transport System 4.63, FileZilla FTP Server 0.9.41, Tomcat 7.0.56 (with mod_proxy_ajp as connector), Strawberry Perl 7.0.56 Portable.

Где скачать XAMPP?

Загрузить данную сборку можно со страницы загрузки официального сайта — https://www.apachefriends.org/ru/download.html

И так как мы будем устанавливать XAMPP на Windows, то соответственно и скачиваем дистрибутив под эту операционную систему, например, я хочу скачать версию XAMPP с PHP 5.6.8 для этого, и жму соответствующую ссылку.


После чего у нас загрузится дистрибутив размером 107 мегабайт.

Данная сборка поддерживает операционные системы Windows, начиная с Vista.

Установка XAMPP

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

Шаг 1

Запускаем скаченный файл xampp-win32-5.6.8-0-VC11-installer.exe . Первое окно программы установки — это окно приветствия, жмем «Next ».


Шаг 2

Далее, выбираем компоненты, которые нужно установить, по умолчанию выбрано все, но если Вы не хотите что-то устанавливать, т.е. Вам это не нужно, то можете снять галочку с соответствующего пункта, например, мне не нужен Perl, жмем «Next» .


Шаг 3

Затем выбираем каталог, в который мы будем устанавливать XAMPP, я оставлю по умолчанию, жму «Next ».


Шаг 4

На этом шаге мы можем оставить или убрать галочку «Узнать больше о Bitnami для XAMPP », я галочку убрал, жму «Next ».


Шаг 5

Все готово к установке, жмем «Next ».


Установка началась.


После того как установка будет завершена, нам предложат сразу запустить «Control Panel », жмем «Finish ».


Вот и все, у нас запустилась панель управления XAMPP.


Запускаем и проверяем работу Apache, PHP и MySQL

Как мы видим, сразу после установки все сервисы не запущены, поэтому мы запускаем их кнопкой «Start ».


Зеленым выделены те сервисы, которые в данный момент запущены.

Сначала давайте проверим работу Apache, для этого просто в браузере набираем localhost, и если мы увидим следующую картину, то значит все в порядке.


Для проверки MySQL и PHP давайте напишем простой скрипт на PHP, который проверит подключение к базе данных MySQL. Для этого создаем в каталоге C:\xampp\htdocs\ папку test, кстати, все, что находится в папке htdocs, можно удалить. В папке test создаем файл index.php со следующим кодом;

Сервер баз данных недоступен

"; exit(); } //Проверка доступности базы данных if (!@mysql_select_db($dbname,$dbconn)){ echo "

База данных недоступна

"; exit(); } //Простой запрос, узнаем версию MySQL $VERSION = mysql_query("SELECT VERSION()"); if(!$VERSION){ echo "

Ошибка в запросе

"; exit(); } echo mysql_result($VERSION, 0); ?>

Сохраняем и в браузере обращаемся по адресу http://localhost/test/ в ответ мы должны получить версию MySQL.


Если Вы это удивили, значит и Apache и PHP и MySQL запущены и работают.

Теперь немного расскажу о панели управления XAMPP. Запустить ее можно через меню «Пуск->Все программы->XAMPP» .


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

На этом предлагаю заканчивать, так как все готово для разработки сайтов на базе Apache, MySQL и PHP, еще раз замечу, что данная сборка подходит исключительно для разработки и тестирования веб приложений, использовать ее в качестве рабочей платформы для сайтов не рекомендуется. Удачи!

Что же такое локальный сервер и зачем он нам нужен?

Локальный сервер - это набор программ, которые позволяют разрабатывать сайт на локальном компьютере без подключения к Интернету. Он аналогичен серверам, которые расположены у хостеров. Если вы создаете сайт используя только html-страницы с дизайном CSS, то никакой локальный сервер вам не нужен. Но если сайт динамичный, т.е. создан с использованием Php, Perl, MySQL, скриптов и т.д., то для его отладки и тестирования понадобится локальный сервер.

Часть 1. Установка XAMPP

Я уже писал о том, что мы будем использовать в качестве локального сервера XAMPP. Переходим по этой ссылке и выбираем XAMPP для нашей платформы. Моя операционная система Windows (у вас наверное тоже), поэтому жмем на XAMPP for Windows и попадаем на страницу, где находим следующий блок:

Выбираем для скачивания Installer . После того, как файл скачается, запускаем его. Вообще весь дальнейший процесс установки не требует никакого вмешательства со стороны пользователя, кроме нажимания кнопки «Next», но все таки я распишу его более подробно. После того, как мы запустили инсталятор, у нас на экране появляется такое окно:

Русского языка в инсталляторе нет, поэтому оставляем английский, жмем «ОК».

Жмем «Next».

Здесь нам предлагают выбрать, куда мы будем устанавливать XAMPP, оставляем без изменений. Жмем «Next».

Здесь нам предлагают выбрать устанавливаемые компоненты. Оставляем как есть, жмем «Install».

Через пару-тройку минут инсталяция закончена. Жмем «Finish». У нас загружается вот такое окошко, которое называется контрольной панелью, а на рабочем столе появляется значок XAMPP.

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

Мы будем запускать только Apache и MySQL. Как видно из скриншота, Apache использует 80 порт . Этот же порт по умолчанию использует Скайп и если у вас загружен Скайп и порт 80 занят, то Apache не загрузится. Поэтому идем в Скайп: Инструменты->Настройки->Дополнительно->Соединение и убираем галочку с «Использовать порты 80 и 443 в качестве входящих альтернативных» . Ну и в заключении хочу добавить, что для остановки сервера мы будем нажимать кнопку «Stop». Но пока оставляем все загруженным. Кстати, загрузку, остановку и перезагрузку XAMPP можно осуществлять и с помощью специальных приложений, которые находятся в папке C:\xampp\ это xampp_start.exe , xampp_stop.exe и xampp_restart.exe .

Настройка XAMPP

Установка не должна была вызвать каких-то затруднений. Переходим к настройке. Запускаем серверы Apache и MySQL и замечаем в строке Apache кнопку «Admin» , жмем на нее. Загружается такое окошко:

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

Это и есть веб-интерфейс XAMPP. Нам здесь важны два пункта. Первый - это Security :

здесь находятся настройки безопасности. Если перейти по ссылке http://localhost/security/xamppsecurity.php можно будет задать пароль для администратора баз данных MySQL и там же можно установить пароль на директорию XAMPP для ограничения доступа из локальной сети:

Я пока не буду задавать здесь пароли, вы же действуйте на свое усмотрение.

Создаем базу данных MySQL

Второй важный нам пункт это phpMyAdmin . Заходим и попадаем на следующую страницу:

Вот ради этого мы и городили весь наш огород. phpMyAdmin — веб-приложение для администрирования MySQL, а MySQL - это система управления базами данных, а наш будущий сайт - это и есть та самая база данных, которой будет управлять MySQL. Кажется, я тут все понятно изложил, а в подробности можно пока особо не вникать. Сюда мы зашли только по одной причине - у нас пока еще нет базы данных, так давайте ее создадим. Каждая база данных должна иметь свое уникальное название, я уже придумал название для нашей базы данных, предлагаю назвать ее site . Выбираем закладку «Базы данных», внизу в окошке «Новая база данных» пишем site, в окошке «Сравнение» выбираем utf8_general_ci - это кодировка для нашей базы. Жмем «Создать».

Создаем пользователя базы данных MySQL

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

Жмем на «Добавить нового пользователя» и заполняем следующие поля:

Имя пользователя - любое слово состоящее из английских букв

Хост - Localhost

Пароль - любое сочетание английских букв и цифр

Многие начинающие веб-мастера для простоты запоминания и пароль, и имя пользователя делают таким же, как название базы данных, в нашем случае это было бы site. Это оказывается огромной прорехой в безопасности. Поэтому, когда будете создавать собственный сайт не поленитесь придумать другое имя пользователя, а пароль сгенерируйте с помощью кнопки «Генерировать», распечатайте и сохраните в надежном и безопасном месте. Вот пример такого заполнения:

Но так как у нас с вами обучающий курс, я поступлю как самый настоящий начинающий веб-мастер, которым, кстати, и являюсь, и заведу имя пользователя и пароль site .

Назначаем привилегии пользователю базы данных MySQL

Теперь необходимо назначить привелегии созданному пользователю, в Глобальных привелегиях жмем «Отметить все» и говорим «Ok».

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

Редактируем файл httpd-vhosts.conf

Как, еще не все? - спросите вы, увы, нет, подходим к самому интересному. Для того чтобы мы могли просматривать в браузере свой сайт, необходимо настроить виртуальный хост. Для этого мы отправимся редактировать файл C:\xampp\apache\conf\extra\httpd-vhosts.conf. Открываем файл с помощью Notepad++ или обычным блокнотом. Сейчас в этом файле имеется некоторая информация, все строки которой начинаются с #. Мы ее не трогаем, а ниже добавляем следующий код:

NameVirtualHost 127.0.0.1


ServerName localhost
ServerAdmin admin@localhost

Здесь мы указываем имя виртуального хоста и описываем локальный хост. Теперь нам надо добавить данные, чтобы заработал наш сайт. Наш сайт будет называться также, как мы назвали базу данных - site , но названия сайта и базы данных не обязательно должны совпадать. Конечно, наш сайт должен будет называться что-то типа www.site.ru, но нам нет необходимости указывать полное имя сайта, так как это название будет использоваться только на нашем локальном компьютере, а нам нет нужды писать лишние буквы, поэтому и назовем его просто site. Под тем кодом, который мы только что добавили, добавляем еще код:


ServerName site
ServerAlias www.site
ServerAdmin [email protected]
DocumentRoot "C:/xampp/htdocs/site/www/"
ErrorLog "C:/xampp/htdocs/site/logs/error.log"
CustomLog "C:/xampp/htdocs/site/access.log" combined

AllowOverride All
Order allow,deny
Allow from all

ServerName site - Название нашего сайта, которое можно писать без.ru
ServerAlias www.site - Альтернативное название сайта
ServerAdmin [email protected] - Почта администратора ресурса
DocumentRoot "C:/xampp/htdocs/site/www/" - Папка с файлами сайта
ErrorLog "C:/xampp/htdocs/site/logs/error.log" - Журнал ошибок
CustomLog "C:/xampp/htdocs/site/access.log" combined - Журнал посещений

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

Редактируем файл hosts

Осталось добавить наш сайт в базу данных доменных имен нашей операционной системы Windows. Для этого в Windows 7 заходим в папку C:/Windows/ и находим в ней файл notepad.exe , выделяем его и жмем правую кнопку мыши, выбираем «Запуск от имени администратора», затем Файл >> Открыть выбираем папку C:/Windows/Sistem32/drivers/etc/ а в поле «Имя файла» руками вбиваем слово hosts . Если все сделали правильно, откроется файл hosts. В нем будет некоторая информация, также закомментированная решеткой #. Ниже добавляем следующую конструкцию:

127.0.0.1 site

Если будете создавать еще сайт, скажем site2, не забываем добавлять в этот файл:

127.0.0.1 site2

Делаем почтовую заглушку sendmail для XAMPP

Для того, чтобы иметь возможность просматривать письма при тестировании формы обратной связи, необходимо сделать так называемую почтовую заглушку. Делается это следующим образом, открываем Notepad++, создаем новый документ, выбираем синтаксис PHP а кодировку UTF-8, затем помещаем в этот документ следующий код:

//папка в которую будем складывать почту
define("DIR","c:/xampp/tmp/sendmail/");

//получаем из потока тело письма
$stream = "";
$fp = fopen("php://stdin","r");
while($t=fread($fp,2048))
{
if($t===chr(0))
break;
$stream .= $t;
}
fclose($fp);

//Сохраняем в файл
$fp = fopen(mkname(),"w");
fwrite($fp,iconv("UTF-8","CP1251",$stream));
fclose($fp);

//Функция присвоения имени файлу
function mkname($i=0)
{
$fn = DIR.date("Y-m-d_H-i-s_").$i.".eml";
if (file_exists($fn))
return mkname(++$i);
else return $fn;
}

Сохраняем файл под именем sendmail.php в папку C:\xampp\sendmail\. Затем в папке C:\xampp\tmp\ создаем папку sendmail .

В файле php.ini (C:\xampp\php) заменяем строчку:

Sendmail_path = "C:\xampp\sendmail\sendmail.exe -t"

на строчку:

Sendmail_path = C:\xampp\php\php.exe c:\xampp\sendmail\sendmail.php

Перезапускаем XAMPP. Если вы все сделали правильно, все отправленные письма можно будет просмотреть в папке C:\xampp\tmp\sendmail\. Но пока у нас нет обратной связи, поэтому, будем проверять тогда, когда ее создадим.

Создание папки для нашего сайта

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

Все сайты, которые мы будем делать, мы будем размещать в папке C:/xampp/htdocs/. Теоретически, не обязательно использовать именно эту папку, можно использовать любую другую, но для этого надо будет изменить пути в файле httpd-vhosts.conf. Но мы не будем отходить от традиций. Давайте создадим нашу папку site в папке htdocs . А теперь в папке C:/xampp/htdocs/site/ создадим еще две папки: www и logs . В папке www будут находиться все фалы нашего сайта, которые мы будем потом переносить на хостинг. Папка logs будет содержать два файла - журнал ошибок и журнал посещений.

Ну вот, собственно, и все. На этом наш первый урок можно считать оконченным. Я засек время, которое мне понадобилось на то, чтобы проделать все, что описано в этом уроке. У меня получилось примерно 10 минут. Добавим время на скачивание дистрибутива XAMPP, ну пусть 5 минут. Итого, получается, что наше первое занятие мы выполнили за 15 минут. Время на ознакомление с материалом я не учитываю, так как наш слоган "Сайт за один день!" подразумевает не обучение этому процессу за один день, а время, за которое мы создадим сайт. До встречи на следующем уроке.

Похожие публикации