Что такое локальный сайт, локальный хостинг и платформы для создания локальных сайтов

Какой сервер выбрать

Чаще всего используются локальные серверы Denwer (джентльменский набор веб-разработчика), Xampp и Open Server — все три бесплатны.


Первый (Denwer) прошёл проверку временем и любим многими специалистами. Однако он уже достаточно давно не поддерживается разработчиками, поэтому придётся самостоятельно обновлять некоторые модули — например, версию PHP и СУБД (система управления базами данных).

Также сам он не совсем удобен: интерфейс установщика — консоль, а все настройки нужно вносить в специальные файлы с помощью «Блокнота».

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

В этой статье мы рассмотрим Open Server. Его преимущества:

  • Не требует установки — достаточно скачать и распаковать архив.
  • Удобные настройки — можно открыть меню и выбрать всё, что нужно.
  • Обновления — регулярно выходят новые версии.

Главный недостаток, пожалуй, — большой вес:

Почти 900 МБ тут занимают версии PHP:

Их можно оставить, чтобы потом в настройках выбрать любую версию и писать на ней. Или удалить, чтобы освободить место. То же самое касается и СУБД:

Тут уже занято около 5 ГБ, поэтому можно смело удалять то, что вы не будете использовать. Например, я могу избавиться от всего, кроме MariaDB 10.3 и PHP 7.3.

Шаг 2. Установка и настройка WordPress на локальном сервере

Прежде всего убедитесь, что у вас скачана последняя версия WordPress (www.wordpress.org). После этого следует запустить знаменитую пятиминутную инсталляцию WordPress, описание которой можно найти здесь: http://codex.wordpress.org/Installing_WordPress.

1. В среде приложения phpMyAdmin создайте новую базу данных под названием «wordpress». Сделать это можно на самой первой странице, которая появляется сразу после нажатия на ссылку phpMyAdmin.

2. Распакуйте папку WordPress и скопируйте в директорию приложения — /MAMP/htdocs для MAMP, и programs/XAMMP/htdocs для XAMMP. Новый URL для MAMP будет таким: http://localhost:8888/wordpress/. Если вы работаете на сайте, который позже будет назван как-нибудь типа «blog», то сейчас настало время для того, чтобы переименовать папку. URL изменится соответственно.

Так как я разрабатываю сайты и без WordPress, я скопировал всю папку полностью вместо того, чтобы выбирать оттуда контент. Оставляя root атрибуты в их родной папке, я обеспечиваю себе возможность впоследствии протестировать темы Drupal, Joomla и Magento.

3. В папке wordpress сделайте копию файла wp-config-sample.php и переименуйте ее в wp-config.php.

4. В редакторе откройте wp-config.php и, начиная со строки 17, данные нужно изменить в соответствии с конфигурацией, объявленной на стартовой странице вашего локального сервера:

Перейдем к базе данных, которую в шаге 1 мы назвали «wordpress». Для пользователей MAMP и для логина и для пароля установлено слово «root» в качестве администратора по умолчанию. В XAMMP учетная запись пользователя «root» не имеет пароля по умолчанию.

По желанию в phpMyAdmin можно добавить пользователей для базы данных. Имя хоста при этом должно оставаться «localhost».

5. Далее работая с wp-config.php мы хотим получить уникальные ключи аутентификации. Чтобы сделать это, посетите https://api.wordpress.org/secret-key/1.1/salt/ и используйте отображаемый там фрагмент кода чтобы заменить строки 45-52:

6. Сохраните и закройте wp-config.php.

7. Начните процесс установки с посещения wp-admin/install.php. В MAMP, если URL вашего сайта http://localhost:8888/wordpress, тогда вам нужно зайти на http://localhost:8888/wordpress/wp-admin/install.php.

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

Если появляются сообщения об ошибках – не переживайте! Проблема наверняка окажется в вашем файле wp-config.php. Следует зайти туда и выяснить, какая из установок неверна.

Теперь WordPress должен быть готов к работе на вашем локальном сервере. В MAMP вы можете получить доступ к панели администратора по адресу http://localhost:8888/wordpress/wp-login.php. если вы меняли название папки, тогда следует и «wordpress» заменить на новое имя. Пользователи XAMMP могут ввести либо :8888 либо 127.0.0.1/wordpress/wp-login.php.

Установка локального сервера Open Server

Для начала нам необходимо скачать дистрибутив с сайта разработчика. Какую версию скачать решать вам. На работу локального сервера это никак не влияет. Дистрибутив представляет собой самораспаковывающийся архив. Двойным щелчком распаковываем архив куда нибудь на жесткий диск компьютера, а вообще желательно в корень жесткого диска. Все, можно запустить программу. Теперь зайдите в папку, куда вы распаковали open-server и сразу создайте ярлык на рабочем столе для главного загрузочного файла. Вы найдете две версии загрузочного файла — один предназначен для 32-х битной операционной системы (Open Server x86.exe), второй для 64-х (Open Server x64.exe). Создаем ярлык в соответствии с вашей системой. Например, я выбрал «Open Server x64.exe», т.к. у меня 64-х разрядная ОС. Для создания ярлыка щелкните правой кнопкой мыши по файлу, далее  Отправить -> Рабочий стол (создать ярлык).

При первом запуске программа вам попросит выбрать язык и далее всплывет диалоговое окно, в котором будет предложено установить Microsoft Visual C++ Runtime & Patches, если вы запускаете Open Server на данном компьютере первый раз.

Если честно, я даже не знаю для чего это надо устанавливать, в предыдущих версиях Open Server такого не было. Но я установил и вам советую.

Запустить Open Server можно, щелкнув двойным щелчком по ярлыку, который мы отправили на рабочий стол. После запуска у вас в трее (рядом с часами) появится красный флажок

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

Во вкладке «Модули» вы можете посмотреть установленные модули для локального сервера и при желании можно поменять. Например, по умолчанию версия php используется 5.5. Если вам нужно 5.6.xx или php-7, то можно без проблем поменять, выбрав нужную версию из выпадающего списка.

Также во вкладке «Сервер» советую выбрать опцию «Всегда использовать вирт. диск«. Это нужно для того, чтобы при запуске сервера создался виртуальный диск. Букву диска можете выбрать любую.

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

Теперь можно запустить сервер — щелкаем по иконке красного флажка в трее (достаточно один клик левой кнопкой мыши) и в меню программы выбираем зеленый флажок

  • Зеленый — сервер запущен;
  • Оранжевый — сервер запускается/останавливается;
  • Красный — сервер остановлен.

После запуска у вас должен появиться виртуальный диск — W (если конечно в настройках вы не указали другую метку). Хочу отметить, что при первом запуске у вас может попросить одобрения брандмауэр Windows, если он у вас включен. Окошко одобрения может выскочить несколько раз и все время мы даем добро брандмауэру на выполнение действий Open Server’ом. Иначе, сервер у вас не запуститься.

Заходим в виртуальный диск W и в папке «domains» создаем папку для своего будущего проекта и заливаем туда все файлы вашего сайта. Папку «WWW» в папке сайта создавать не нужно, как это делается в Денвере. После того, как файлы залиты, перезапускам сервер, щелкнув по оранжевому флажку для того, чтобы сервер определил новую папку сайта.

Чтобы запустить сайт после установки в меню Open Server переходим в «Мои сайты» и в выпадающем списке сайтов щелкаем по нужному. После этого откроется браузер, который установлен по умолчанию  в Windows — если используете упрощенную версию, и если используете полную версию, то откроется браузер, который установлен в настройках локального сервера.

В данной статье я описал как устанавливать локальный сервер «Open Server». Список настроек, по которым я пробежался далеко не полный… Про остальные возможности и настройки поговорим как-нибудь в другой статье, а пока на этой ноте пожалуй я закончу.

Удачи и приятного вам сайтостроения!

Готовые сборки локальных серверов

Если вы используете заглавные буквы указанных программных продуктов и возглавите этот акроним Windows, то получите общепринятое название локального сервера для Windows: WAMP.

Логично, что сборку WAMP можно собрать самостоятельно, установив и настроив каждый продукт в отдельности. Вопрос,— зачем? Зачем мучиться со слабой сборкой WAMP сервера, если есть готовые локальные сервера с многофункциональными возможностями.

Готовых, популярных WAMP+ сборок около десятка. На русском языке единицы. Я работал с пол дюжиной, в том числе:

  • Denwer (Денвер). Русская сборка, авторы которой застряли в прошлом. Отсутствие развитие этого продукта, откровенное неудобство и проблемы переноса готового сайта, опускают этот сервер вниз списка. Установка WordPress на Denwer.
  • Open Server. Отличная русская сборка локального сервера с простым и понятным интерфейсом.
  • XAMPP. Герой этого поста. Англоязычная очень удобная сборка, имеющая дополнительный облачный сервер.
  • AppServ. Англоязычная, развитая сборка удобная в работе.
  • WAMPServer. Авторы особо не мудрили с названием, и взяли для своего названия акроним WAMP. Достойная англоговорящая сборка.

VirtualBox. Виртуальные машины

VirtualBox — программа для запуска виртуальных машин на базе вашего компьютера. Этой виртуальной машиной из VirtualBox, как раз и будет наш сервер со множеством установленных программ и инструментов.

Менеджер виртуальных машин VirtualBox

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

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

Во-вторых, работая на macOS или Windows мы получаем возможность работать с настоящим Linux без каких-либо ограничений.

В-третьих, виртуальная машина никак не привязана к системе, из которой она запускается и может использоваться на macOS, Linux или Windows — на любой платформе, для которой написан VirtualBox.

Практика. Запускаем сервер

Мы познакомились со всеми тремя инструментами (VVV, VirtualBox, Vagrant) для создания сервера — теперь попробуем воспользоваться ими. Подробная инструкция на английском языке есть в README.md на Github. Ниже я расскажу все тоже самое, но на русском.

1. Скачаем VirtualBox с официального сайта и установим. Во время установки необходимо убедиться, что галочка «Install Command Line Tools» установлена, иначе Vagrant не сможет управлять виртуальными машинами.

2. Скачаем и установим Vagrant — обычная и знакомая всем установка. Vagrant, как и VirtualBox, доступен для множества платформ.

3. Установим несколько плагинов для Vagrant. Для этого необходимо запустить пару команд и подождать — все остальное Vagrant сделает самостоятельно.

vagrant plugin install vagrant-hostsupdater

Плагин Hosts Updater управляет доменами на вашем локальном компьютере. Чтобы сайты внутри сервера открывались по красивым доменным именам вроде . Говоря техническим языком этот плагин автоматически обновляет содержимое hosts файла на вашем основном компьютере.

vagrant plugin install vagrant-triggers

Плагин Triggers срабатывает при включении и выключении сервера. Vagrant автоматически сделает экспорт баз данных в .sql-файлы (в будущем можно добавить и свои действия).

4. Скачаем репозиторий VVV к себе на компьютер. Если вы не знаете, что такое Git, то можно просто скачать ZIP архив с Github.

Репозиторий VVV на Github

Для тех, кто знаком с Git, рекомендую использовать . Чуть позже мы рассмотрим, как добавив дополнительный удаленный сервер со своей собственной веткой, можно будет легко и просто обновлять свой VVV при выходе обновлений в основном репозитории.

5. Мы полностью подготовили компьютер для запуска сервера и Vagrant готов к работе. Чтобы запустить все это необходимо перейти в папку со скаченным VVV и выполнить .

cd path/to/vvv/

vagrant up

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

Первый запуск VVV с помощью команды vagrant up

Замечу, что постоянное подключение к интернету во время первоначальной установки, один из существенных минусов. Если во время подготовки сервера пропадет доступ к Github, скорее всего, часть функционала сервера не будет работать. Повторный запуск или , скорее всего, не поможет.

Дело в том, что во многих местах алгоритм подготовки сервера лишь смотрит на наличие папки на диске и если она есть, считает, что все установлено успешно. Если вы столкнулись с такой проблемой, то самым быстрым и простым решением будет — удалить всю папку VVV и начать заново со скачивания репозитория (шаг 4). Если вы хорошо знакомы с Bash, то можно вручную попытаться исправить ситуацию изучая .

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

Главная страница VVV сервера и ссылки на доступные сайты и сервисы

Первый запуск локального сервера

Теперь, когда локальный сервер установлен, мы должны запустить серверы Apache и MySQL. XAMMP поставляется с Filezilla и Mercury в качестве вложенных дополнительных сервисов.

Для запуска серверов под MAMP, перейдите в папку: /Applications/MAMP и кликните по иконке MAMP. Панель управления выглядит следующим образом:


На картинке вверху можно увидеть зеленую лампочку, которая означает, что наши сервера активны. Открыть стартовую страницу MAMP можно кнопкой «Open Start Page». Таким образом вы попадаете к управлению доступом phpinfo, phpMyAdmin и и другим важным настройкам конфигурации, которыми мы воспользуемся немного позже.

В случае с XAMMP панель управления запускается из: xamppxampp-control.exe, и выглядит так:

Здесь расположены важные настройки. Нажмите «Start» чтобы запустить серверы Apache и mySQL. Доступ в зону администратора можно получить, набрав http://127.0.0.1 или http://localhost в адресной строке вашего браузера.

Поздравляем с окончанием установки локального сервера!

Этап: запуск установки WordPress

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

Чтобы начать установку нужно зайти на сайт (перейти по URL):

  • Если файлы WordPress размещены в корневом каталоге сервера, то ссылка будет такая: ;
  • Если файлы WordPress размещены в подкаталоге, то ссылка будет такая: , где название подкаталога.

В обоих случаях вас должно перекинуть на страницу или .

Любую введенную информацию можно изменить в админ-панели в дальнейшем. Нельзя будет изменить только логин пользователя.

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

Ошибка 1: «error database connection»

Если в процессе установки «вылезла» ошибка: «error database connection» (ошибка соединения с базой данных), то:

  1. Проверьте правильно ли указано имя, логи и пароль в файле ;
  2. Убедитесь, что созданный пользователь обладает правами на доступ к базе данных WordPress;

Ошибка 2: «Headers already sent»

Если при установке появляются ошибки типа: Headers already sent. Возможно, вы допустили ошибку при редактировании .

Как исправить?

Откройте в текстовом редакторе.

  • Убедитесь, что файл начинается с , и что до этого ничего нет: ни пробелов ни пустых строк.
  • Убедитесь, что последняя или предпоследняя строка не содержит . Если такой символ там есть — удалите его.

Старые инструменты. Denwer, Open Server, MAMP Pro

Многим из нас наверняка знакомы такие приложения как Denwer, Open Server, MAMP Pro — честно говоря я и сам когда-то пытался использовать их. С тем или иным успехом все эти программы пытаются запустить то самое окружение, необходимое для работы WordPress или других CMS. Но все они имеют ряд недостатков с которыми рано или поздно не захочется мириться никому.

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

2. Все приложения работают в окружении Windows или macOS — системах, не особо подходящих для запуска серверных приложений.

3. Ограниченность в приложениях и их версиях заставляет использовать то, что есть. Сменить версию PHP или добавить дополнительное приложение, необходимое именно вам, вряд ли получится. Некоторые приложения и вовсе недоступны на Windows и macOS (например, серверные утилиты для компрессии изображений).

4. Отсутствие конфигурации сайтов. Как и в случае с настройками программ, сами сайты и их контент тоже необходимо переносить вручную. Например, такой знакомый и любимый всеми экспорт-импорт базы данных через phpMyAdmin может рано или поздно разочаровать.

Установка CMS WordPress на сервер XAMPP

Запустить XAMPP можно не только командами в терминале, но и в графической среде. Файлы сервера лежат по адресу /opt/lampp/

Чтобы была возможность запустить XAMPP кликом по значку, в папке /opt/lampp/ правой кнопкой мыши откроем всплывающее меню, и выберем Thunar Root (это в Manjaro, в зависимости от дистрибутива вид меню и файловый менеджер могут отличаться)

Система запросит наш пароль, после чего откроется та же папка, но с правами root. Открываем интерфейс XAMPP, это manager-linux-x64.run

Перед установкой WordPress нужно запустить все службы

В верхнем меню перейдем в пункт Скачать

и прокрутим вниз, до значков модулей XAMPP, первым из которых и будет WordPress

Жмём на значок WordPress и выбираем версию для Linux

Сохраняем установочный файл

Открываем папку с установщиком WordPress под root-правами, как описано немного выше. Если установщик не открывается сразу, требует найти программу для открытия — жмём по нему правой кнопкой мыши и открываем в появившемся меню пункт Свойства

В свойствах открываем вкладку Права и ставим галочку напротив слов Разрешить запуск этого файла в качестве программы


Теперь запускаем установку WordPress кликом по значку установщика (прямо как в Windows). Выбираем язык

Далее >

Директорию лучше оставить как есть, /opt/lampp

Здесь пишем свои данные для входа в админку WordPress, их лучше запомнить

Пишем название сайта

Настройку почтового сервера можно пропустить

Здесь лучше выбрать Настройки разработки, если не планируете этот стек использовать в глобальной сети

Далее >

Далее >

Дожидаемся окончания установки

Оставляем отметку напротив ЗапуститьМодуль Bitnami WordPress

Завершить

В адресной строке браузера вводим адрес localhost/wordpress/wp-admin, в открывшемся окне вводим логин и пароль от админки WordPress, которые указывали при установке, и попадаем в Консоль на английском языке. Чтобы переключиться на русский, идём в Settings, находим там Site Language выбираем Русский

Спускаемся там же в самый низ, и жмём кнопку Save Changes

Теперь интерфейс консоли русифицирован и наш WordPress готов к работе


С этим читают