Как установить и настроить XAMPP в Windows 10

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

Этот сервер используется для тестирования страниц PHP. Он позволяет вам создать локальный веб-сервер, где вы можете протестировать любые плагины, темы и другие вещи, прежде чем применять их на живом сайте WordPress. Таким образом, вы можете защитить свой сайт WordPress от возможных ошибок. Итак, давайте начнем и узнаем, как правильно установить и настроить XAMPP в Windows 10.

Как установить XAMPP на Windows 10

Откройте веб-браузер и перейдите на страницу загрузок Apache Friends. На следующей странице загрузите соответствующую версию для вашего ПК с Windows 10.

После загрузки перейдите в папку загрузки Проводника и запустите установщик XAMPP.

Если на экране появится окно «Контроль учетных записей», нажмите кнопку «Да», чтобы дать свое согласие.

Во время этого может появиться предупреждающее сообщение. Когда вы нажимаете кнопку «ОК», на экране открывается мастер установки XAMPP. Затем нажмите кнопку «Далее», чтобы продолжить.

На следующем экране есть множество компонентов, которые необходимо выбрать для процесса установки.

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

Затем выберите папку, в которую вы хотите установить файлы XAMPP.

Кстати, мы рекомендуем вам использовать установленное местоположение по умолчанию. А затем нажмите кнопку «Далее».

Поскольку панель управления XAMPP для Windows поддерживает разные языки, выберите нужный язык и нажмите «Далее».

На странице Bitnami for XAMPP просто нажмите кнопку «Далее». Если вы хотите узнать о Bitnami, установите флажок рядом с пунктом Узнать больше о Bitnami для XAMPP.

Теперь установка готова к запуску процесса установки на вашем устройстве, поэтому снова нажмите кнопку «Далее», чтобы продолжить.

Здесь вам может понадобиться немного подождать, пока он не завершит установку.

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

Установите флажок и нажмите кнопку Готово.

Как настроить XAMPP в Windows 10

Для настройки XAMPP в Windows 10 может потребоваться запустить приложение XAMPP от имени администратора.

Итак, нажмите на кнопку «Пуск» и введите XAMPP.

При этом «Панель управления XAMPP» начинает появляться в лучшем совпадении. Теперь щелкните по нему правой кнопкой мыши и выберите «Запуск от имени администратора». Если UAC запрашивает разрешение, нажмите кнопку «Да».

Когда откроется панель управления XAMPP, вы увидите список веб-сервисов в разделе «Модуль».

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

Здесь сначала необходимо активировать службы Apache и MySQL, нажав соответствующую кнопку «Пуск», которая доступна в столбце «Действия».

Как только вы нажмете кнопку «Пуск», PID и номер порта соответствующих служб станут видны. Кроме того, соответствующие сервисы в разделе модуля становятся зелеными.

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

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

В правом конце страницы вы увидите список параметров, таких как Config, Netstat, Shell и другие. Эти параметры помогут вам настроить различные аспекты панели управления XAMPP.

Нажмите на кнопку «Config», чтобы открыть окно конфигурации панели управления.

Установите флажок Модули, которые вы хотите запускать автоматически при запуске приложения. Затем нажмите кнопку Сохранить, чтобы сохранить изменения.

Рядом с кнопкой Config вы найдете кнопку Netstat. Нажав на эту кнопку, вы получите список служб, которые в данный момент получают доступ к сети.

Он состоит из имени исполняемого файла, информации об идентификаторе процесса, номера порта и соответствующего TCP/IP-адреса.

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

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

Установка и настройка локального веб-сервера XAMPP

Всем привет! Я снова увлекся веб-разработкой и сегодня хочу с Вами поделиться знаниями по установке и настройке локального веб-сервера XAMPP. С помощью локального веб-сервера вы сможете разработать на своем ПК рабочий сайт, протестировать его, внести какие либо изменения, а потом перенести уже рабочий сайт на хостинг.

Существует множество различных, локальных веб-серверов, но я выбрал XAMPP потому, что он является абсолютно бесплатным с открытым исходным кодом локальным веб-сервером, прост в установке и настройке, доступен для Windows, Linux и MacOS, занимает минимальный объем на жестком диске и содержит актуальную версию скриптового языка php 7.3. Надеюсь я Вас убедил, что XAMPP является хорошим локальным веб-сервером, поэтому мы будем переходить к процессу его установки.

Установка XAMPP

Первым делом нам необходимо зайти на официальный сайт XAMPP https://www.apachefriends.org/ru/index.html и скачать дистрибутив под Вашу операционную систему, я буду проделываться все операции на ОС Windows 10.

Установка завершена, но чтобы не потерять панель управления XAMPP, вынесем ярлык на рабочий стол, открываем C:\xampp и ищем файл xampp-control.exe нажимаем на нем правой кнопкой мыши выбираем Отправить->Рабочий стол(создать ярлык).

Добавление виртуального хоста в XAMPP

Допустим мы хотим чтобы при вводе в адресную строку mysite.ru перед нами открывался наш сайт который расположен на локальном веб-сервере, для этого проделываем следующие операции

• Находим файл hosts расположенный по адресу C:\Windows\System32\drivers\etc , перетягиваем его на Рабочий стол и открываем Блокнотом или Sublime Text3 и в самую нижнюю строку добавляем 127.0.0.1 mysite.ru, далее нажимаем Файл-> Сохранить. Теперь перетаскиваем назад файл hosts в папку C:\Windows\System32\drivers\etc.

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

• Заходим в папку C:\xampp\htdocs. и здесь создаем новую папку с именем mysite.ru, а внутри папки создаем файл index.html
• Теперь заходим в папку C:\xampp\apache\conf\extra и открываем файл httpd-vhosts.conf любым текстовым редактором. В данном файле в самом низу необходимо прописать наш виртуальный хост.
• Далее открываем панель управления XAMPP и на модуле Apache и MySQL нажимаем Start, дожидаемся когда надпись станет зеленого цвета.
• Открываем браузер, вводим в адресную строку mysite.ru и нажимаем Enter, перед нами откроется веб странице которая расположена по адресу C:\xampp\htdocs\mysite.ru\index.html

Готово! Мы создали локальный виртуальный хост musite.ru с которым мы можем работать как угодно. Теперь все зависит от вашего вкуса и знания различных технологий.

Как видим XAMPP действительно легок в установке и просто в использовании, надеюсь статья была полезна и Вы получили достаточно новых знаний для начала первых шагов в разработке своего собственного блога или сайта. Спасибо за внимание, жду Ваши вопросы и пожелания в комментариях, не забывайте оценивать статью с помощью нашего «звездного рейтинга», а также делиться записью с друзьями в социальных сетях. Еще хотелось бы услышать обратную связь о том, насколько Вам интересны статьи такого содержания? Продолжить ли серию статей по развертыванию различных CMS на локальный веб-сервер? Стоит ли дополнять статью видео уроком?

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

Вводная часть

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

Системные требования для установки XAMPP

От XAMPP не нужно ждать подводных камней. Здесь всё доработано до мелочей. XAMPP можно установить на локальную машину, с операционными системами: Windows 2008, Vista, Win 7, Win 8. Даже есть вариант для XP SP3.

Что входит в сборку XAMPP

Акроним XAMPP означает, что данную сборку можно установить не только на Windows, но и на любую другую ось. Об этом говорит первая буква [X]. Буквы AMP означают классические Apache+MySQL+PHP, а вот последняя буква [P] означает язык программирования Perl. Именно по этому, XAMPP называют кроссплатформенной сборкой локального веб-сервера.

XAMPP локальный сервер и Bitnami

Разработчики XAMPP пошли дальше других и создали облачный сервер Bitnami. Bitnami для XAMPP значительно упрощает разработку приложений PHP поверх Apache. Используя Bitnami можно легко установить популярные CMS открытым исходным кодом: WordPress, Drupal и Joomla! и т.п.

Где скачать XAMPP

XAMPP локальный сервер не нужно искать на форумах и других ресурсах. Есть официальный сайт с бесплатной загрузкой релиза. Официальный сайт XAMPP: https://www.apachefriends.org/ru/index.html. Скачать тут.

Скачать XAMPP

На официальном сайте забираем версию для Windows 7. Предварительно необходимо решить, с какой версией PHP вам нужно работать. Есть три варианта PHP: 5.6.30, 7.0.15, 7.1.1. Нижняя версия php периодически меняется. Я выбираю: xampp-win32-5.6.30-0-VC11-installer.

Для информации: На этой же страницы можно скачать XAMPP для Linux и OS X.

Установка XAMPP на Windows 7 по шагам

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

Для спокойствия проверяем скачанный файл антивирусом. После проверки запускаем установку от имени администратора.

Шаг 1.

Шаг 2.

Выделяем все модули сервера для установки

Шаг 3.

Шаг 4.

Bitnamy пропускаем, поэтому чек бок открываем.

Шаг 5.

Шаг 6.

Процесс установки достаточно долгий, наберитесь терпения.

Шаг 7. Финиш

Запуск XAMPP

Работаем на Windows 7.

XAMPP установлен, пора запускать. Запускается XMAPP ярлыком «XMAPP Control Panel».

XAMPP открыть панель

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

Привожу пример скриншота с ошибками. В примере, я вижу, что порт 80 занят и запуск Apache не возможен.

XMAPP, занят порт 80: как освободить порт 80

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

Советую для решения этой проблемы, почитать лучший ответ на оф.сайте XAMPP. https://community.apachefriends.org/f/viewtopic.php?f=22&t=69784&p=239058#p239059.

Пример освобождения порта 80 Windows

Когда я готовил эту статью и заново ставил XAMP, получил ошибку, что порт 80 занят. При попытке открыть в браузере адрес: http://localhost вижу такую картинку.

Для этого идем на вкладку Панель управление>>>Все элементы мелкие значки>>>Программы и компоненты>>>Включение и отключение компонентов Windows и отключаем IIS с перегрузкой компьютера. Всё порт 80 свободен.

IIS отключить

Это только пример из нескольких возможных сценарием, почему занят порт 80. Можно вообще запустить XMAPP на другом порту, например 8080. Ссылка исправлений вверх по тексту.

Панель XAMPP

Познакомимся с панелью XAMPP.

• Запускаем XAMPP от имени администратора;
• Смотрим отсутствие ошибок;

Панель XAMPP содержит все доступы для работы с модулями платформы и со всеми необходимыми инструментами Windows.

• Кнопки справа: настройки XAMPP и инструменты Windows
• Видим колонки: Start, Admin и Config.
• Start они же Stop, запускают останавливают модули. Mercury это почтовый сервер.
• Admin. Это кнопки доступа в административные панели модулей.
• Config. Отличные кнопки. На кнопках Config вы найдете доступ ко всем файлам конфигурации модулей системы.

Настройки XAMPP

• Netstat — Отличная кнопка, которая покажет все порты, которые задействованы системой на данный момент. Эта кнопка поможет вам, «без танцев с бубнами» посмотреть что висит на порте 80.
• Shell — командная строка.
• Explorer — просто откроет каталог установки XAMPP локальный сервер. Аналог Компьютер>>>Диск C.
• Service — всплывающее окно, со списком всех запущенных служб на оси. Аналог: Панель управление>>>Все элементы мелкие значки>>>Администрирование>>>Службы.
• Help и Quit без комментариев.
• Кнопки слева: запуск/остановка модулей
• Кнопки слева: администрирование

Обратите внимание на столбец кнопок admin. Это вход в панели администрирования модулей. Проверим их работы на примере phpmyadmin.

XAMPP панель phpmyadminВидим, стандартную панель phpmyadmin с которой можно работать без танцев с бубнами, как например на Денвер.

Примечание: Если бы XAMPP был на русском, цены бы ему не было.

Как запустить XAMPP

После исправления всех ошибок, можно запускать XAMPP. Запуск XAMPP это start необходимых для работы модулей: Apache, MySQL.

необходимые модули XAMPP

Проверка работы XAMPP

Для проверки работы XAMPP в адресной строке браузера пишем http://localhost.

Если всё сделали правильно и всё работает правильно видим панель сервера с кнопками управления.

XAMPP локальный сервер панель админа XAMPP панель phpmyadmin

XAMPP php информация о сборке

Вывод

В этой статье, я показал, как установить XAMPP локальный сервер на Windows 7. Познакомил вас с панелью и настройкой XAMPP, запуском модулей, необходимых для работы и дал ссылку на исправление ошибки: xampp занят порт 80. Не показал, как использовать кнопки config. Это очень удобный доступ для всех конфигурационных файлов модулей XAMPP.

В следующей статье я покажу, как установить на XAMPP WordPress, а в следующей Joomla. Причем сделаю это без Bitnami, хотя с Bitnami это совсем просто.

Видео статьи: О Bitnami