Как начать работу с локальным сервером Open Server

326

102

105

119

В этом выпуске вы найдёте обзор и подробные инструкции по установке и настройке сервисной платформы Open Server. Благодаря этой платформе веб-разработчик может в условиях имитации реального сервера отладить код и плагин, а также провести различные работы над сайтом.

Назначение Open Server

На сайте разработчиков говорится, что Open Server (https://open-server.ru/) является портативной серверной платформой и программной средой, созданной специально для веб-разработчиков с учётом их рекомендаций и пожеланий.

Платформа, работающая под Windows, предназначена для отладки кода до того, как его используют на реальном проекте, чем невероятно полезна и удобна для разработчиков. Это может быть отладка как кода, так и плагина, а также обновление существующих CMS.

Например, когда мне нужно проверить работоспособность плагина, скрипта или обновить CMS, я поступаю таким образом:

• делаю свежий бэкап (резервную копию) существующего проекта и разворачиваю его локально;
• обновляю или выполняю определённые правки в коде;
• проверяю, всё ли корректно работает;
• выкатываю на рабочий сайт.

Установка платформы

1. Выбираем подходящую для нас версию Open Server и скачиваем пакет тут: https://open-server.ru/download/. Для моей работы достаточно пакета Basic (пакеты Premium и Ultimate, включающие полезные программы, можно найти тут: https://open-server.ru/#progs). Если вы внесёте пожертвование, скачивание займёт у вас 5 минут, если же бесплатно — более двух часов

2. Затем запускаем установку пакета двойным кликом. Файл дистрибутива (версия 5.2.5) выглядит так:

3. После запуска распаковки дистрибутива указываем диск, на который хотим установить пакет. После установки по указанному пути появится папка Open Server со следующим содержимым:

Компоненты сборки представлены в 32-битной и 64-битной версиях.

Запуск, настройка и применение Open Server

1. Чтобы запустить программную среду, кликните по нужной версии 64 или 86 (32-битная). В трее у вас появится красный флажок:

При нажатии на него открывается меню:

2. В этом меню выберите «Запустить», после чего активируются все компоненты и другие пункты меню:

В меню собрано всё необходимое для работы с платформой: список сайтов, ссылки на Консоль (собраны в «Дополнительно»), инструменты работы с базами данных, файлы конфигурации.

3. Пункт «Настройки» позволяет настроить платформу под ваши нужды. Самым интересным для меня является пункт Модули:

Как видите, тут можно выбрать конфигурации вашего сервера: Apache, Nginx, PHP, MySQL. Таким образом можно имитировать реальный сервер, на котором в дальнейшем будет жить ваш сайт и/или скрипт.

Чтобы начать работать с кодом, нужно:

• создать домен в папке «OpenServer/domains», например, test.local;
• прямо в корне этой папки создать файл с расширением .php;
• перезапустить Open Server;
• найти и открыть свой test.local в подменю «Мои сайты».

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

Кстати, по умолчанию в папке «OpenServer/domains» есть папка «Localhost» с файлом index.php, и если в браузере прописать https://localhost/, вы увидите такую страницу:

Это и есть содержимое index.php. Вы можете использовать эту папку для работы со своими сайтами и скриптами. Но когда у вас несколько проектов (сайтов), то, конечно, под каждый из них лучше создавать по папке-домену.

Дальше можно делать практически всё то же, что и на обычном сервере:

• развернуть чистый дистрибутив любой CMS;
• написать свой скрипт и отладить его;
• развернуть бэкап сайта, обновить на нём CMS до последней версии и/или поставить плагины и проверить, чтобы они не конфликтовали между собой;
• примерить новый шаблон или написать свой — в общем, всё что душе угодно.

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

Более подробная информация по установке, компонентах и работе с Open Server представлена на официальном сайте.
Я в свою очередь хочу поблагодарить всех тех, кто работал над созданием этого замечательного инструмента. А всем читателям нашего блога желаю удачи в, возможно, первых шагах к веб-разработке.

Есть вопросы? Пишите в комментариях под этой статьёй!

Еще по теме:

• Как изменить сниппет с чужеродной структурированной разметкой после взлома сайта?
Недавно наши сайты подверглись взлому злоумышленников из Индонезии и в результате им удалось подтвердить права на сайты в Google Search Console, разместив метатег. Сейчас метатеги...
• Как правильно прописать alt и title для изображений на мультиязычном сайте и надо ли дублировать изображения в таком случае?
Сайт на нескольких языках, в карточке товара одно изображение выводится на всех языках. Как правильно прописывать alt и title для каждого языка в этом случае?...
• 9 ошибок при разработке сайта, которые мешают продвижению
Чтобы в дальнейшем при продвижении не возникло проблем, в ТЗ на разработку сайта нужно учесть и прописать моменты, важные с точки зрения SEO. С какими ошибками...
• Как обеспечить индексацию динамического AJAX-контента в модальном окне?
Хочу сделать информацию о проекте в модальном окне. Содержимое окна будет погружаться AJAXом. Как на это среагируют поисковики? Как обеспечить индексирование информации в этих окнах?...
• HTTP-заголовки, которые влияют на SEO
Скорее всего, вы знаете, что при открытии страницы любого сайта происходят действия на сервере, которые не видны пользователям. Однако эти данные обрабатывают поисковые системы. И...

---

Анна Себова

Web-разработчик

Пришла с небольшими знаниями в настройке, установке и принципах работы нескольких CMS. С тех пор «обросла» знаниями и опытом в разработке сайтов на следующих CMS, PHP и JS/CSS-фреймворках: WordPress, Joomla, Bitrix, MODx, Drupal, Codeigniter, Laravel, Bootstrap.

Разрабатывает, дорабатывает, перерабатывает и адаптирует сайты.

Девиз: если очень захотеть, можно в космос полететь

Оцените мою статью: 

(99 оценок, среднее: 4,48 из 5)