Установка сайта на openserver

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

В этом обзоре мы с вами установим WordPress на локальный сервер, а именно на Open Server. Раньше чаще всего использовался Denwer, но со временем он потерял свою актуальность по многим пунктам, о которых мы сейчас говорить не будем. И на замену ему пришел полностью превосходящий Open Server.

Open Server – это профессиональный, многофункциональный инструмент веб-разработчика. Полное описание и все технические моменты можно найти на официальном сайте, чтоб не дублировать одно и то же. Если вкратце: HTTP модули: Apache и Nginx, PHP модули: PHP (разные версии), СУБД модули: MySQL, PostgreSQL, инструменты: PHPMyAdmin, FTP сервер, HeidiSQL и многое другое.

И что немало важным, с целью компактности, Open Server полностью портативный сервер. То есть он не оставляет никаких следов в системе. Для его удаления нужно будет просто удалить папку, в которой он находится, и все.

Скачиваем дистрибутив на официальном сайте . Вы там найдете три версии сборки: basic, premium, ultimate. Они отличаются комплектующими в составе инструментов. Поэтому можете выбрать исходя из своих целей. К примеру, версия basic содержит минимум инструментов, почти «чистый» сервер. Версия ultimate – полный набор, даже браузеры есть.

Установка Open Server

Опишу кратко установку Open Server. Скачиваем по ссылке выше дистрибутив, я выбрал версию ultimate. На любом диске, к примеру, диск E:\, создаем папку, где будет расположен наш сервер. Желательно или даже обязательно, чтоб название папки и путь к этой папке имели именование только на английском языке (E:\OpenServer).

Скачанный сервер перемещаем в ранее созданную папку и распаковываем его. После распаковки, в зависимости от разрядности системы, запустите сервер, нажав на приложение (Open Server x64 или Open Server x86). При первом запуске вас попросят установить дополнительные элементы – устанавливайте их. И в принципе все, сервер готов к работе.

Устанавливаем WordPress на Open Server

После установки сервера скачиваем движок WordPress на официальном сайте — . В папке domains сервера создаем новый «сайт», точнее, папку, а название папки будет служить адресом доступа к сайту через браузер. К примеру, называем «newsite» и перемещаем в эту папку движок WordPress.

Распаковываем архив. Теперь запускаем сервер и переходим в PHPMyAdmin (Дополнительно – PHPMyAdmin) под именем «root» без пароля. Создаем новую базу данных (название можно использовать любое на английском языке).

После, возвращаемся в папку с WordPress и открываем файл wp-config-sample.php для редактирования. В этом файле меняем три строчки:

Указываем имя ранее созданной базы данных /** Имя базы данных для WordPress */ define( ‘DB_NAME’, ‘database_name_here’ ); Указываем имя пользователя «root» /** Имя пользователя MySQL */ define( ‘DB_USER’, ‘username_here’ ); Оставляем пустым поле в одинарных кавычках (») /** Пароль к базе данных MySQL */ define( ‘DB_PASSWORD’, ‘password_here’ );

Теперь сохраняем этот файл в эту же папку только меняем его название на wp-config.php.

Как создать сайт на компьютере с помощью платформы OpenServer

Обучение созданию сайтов — дело кропотливое, трудоёмкое, требующее многих затрат. Даже при условии использования юзабельных CMS. И по-другому, чем методом проб и ошибок, освоить это дело нельзя никак. Но пока будем пробовать и ошибаться, не обязательно оплачивать услуги хостинга и выбрасывать в Интернет-пространство «недозревший» материал. Созревать в своей теме, присматривать формат проекта, подыскивать доменное имя, определяться со стратегией продвижения и прочими тонкостями процесса можно размеренными темпами, попутно изучая функционал выбранной CMS.

Для этого необходимо создать сайт на своём компьютере – на локальном сервере. Как таковой организовать в среде Windows и внедрить в него популярную CMS для блоггинга WordPress – всё это рассмотрим ниже в деталях. А в качестве серверной платформы выберем OpenServer.

1. OpenServer: о платформе

Open Server – это программная платформа для веб-специалистов, обеспечивающая создание и функционирование в среде Windows полноценного сервера. Это сборка всех необходимых компонентов, с помощью которой можно создавать на своём компьютере сайты любой сложности, посредством любой выбранной CMS. Созданные таким образом сайты в дальнейшем (по мере готовности) переносятся на оплачиваемые хостинги.

Ключевые преимущества OpenServer:

• Бесплатность;
• Портативность, полная независимость от среды Windows текущего компьютера и возможность работы с сервером на внешних накопителях с любого другого устройства;
• Функциональность, в частности, поддержка двух HTTP-модулей — Apache и Nginx;
• Ряд утилит для удобной работы с компонентами сборки (MySQL, PHP);
• Актуальные версии входящих в состав компонентов;
• Удобное управление сервером.

2. Скачивание и установка OpenServer

Скачать OpenServer можно с сайта разработчиков:

https://ospanel.io/download/

На выбор нам предлагается 3 сборки дистрибутива: базовая, премиум и максимальная. Если речь идёт только о создании и тестировании сайта на WordPress, можно обойтись базовой сборкой, в ней присутствуют нужные компоненты — Apache, PHP и MySQL. На перспективу изучения новых возможностей, нового ПО лучше сразу загружать одну из более функциональных сборок.

Описания сборок приводятся здесь же, на странице их скачивания чуть ниже. При отказе от доната завершения загрузки платформы придётся ждать долго, больше полутора часа точно. Так что дело это лучше организовать на ночь или на другое время простоя компьютера.

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

После распаковки проходим по указанному пути и запускаем OpenServer с помощью EXE-файла для соответствующей разрядности Windows. В небольшом окошке появится выбор языка платформы.

Далее нам будет предложено установить среду Microsoft Visual C++. В официальных дистрибутивах актуальных версий Windows она, по идее, должна быть установлена. Но в любом случае можно согласиться на установку, хуже не будет.

3. Запуск сервера

После установки Microsoft Visual C++ компьютер перезагрузится. Запускаем OpenServer по новой. Доступ к функционалу платформы станет доступен в меню, появляющемся на её значке в системном трее. Запуск сервера осуществляется опцией с зелёным флажком «Запустить».

4. Возможные проблемы при запуске сервера

Увы, успешный запуск сервера будем наблюдать не в каждом случае. Дело в том, что по умолчанию в OpenServer настроено использование актуальных версий компонентов, в частности, HTTP-модуля Apache 2.4 и PHP 5.5. Последние несовместимы с версиями Windows, начиная с Vista и старше. В числе типичных проблем запуска сервера – занятость портов 80 и 443.

Об этих и прочих причинах невозможности запуска OpenServer сообщит уведомлением в системном трее. В таком случае можем обратиться к разделу настроек платформы и кое-что подправить. Во вкладке «Модули» можно поэкспериментировать с другими версиями Apache, PHP и MySQL.

Если сервер не запускается из-за занятого порта HTTP 80, необходимо закрыть Скайп. Но можно поступить и по-иному — во вкладке настроек «Сервер» назначить платформе другой порт. То же самое необходимо сделать, если какая-то из программ займёт порт HTTPS 443.

Ещё одна сложность в работе любого локального сервера – блокировка брандмауэром и антивирусом. При появлении на экране сообщения брандмауэра необходимо разрешить работу OpenServer. Разобраться с антивирусом же можно, внеся папку распаковки платформы и её рабочий процесс в исключения. Например, в Windows 10 Creators Update со штатным Защитником это делается следующим образом.

5. Установка WordPress

Итак, сервер запущен. Его работоспособность, кстати, можно проверить, введя в адресную строку браузера:

localhost

Если всё нормально, увидим тестовую приветственную надпись «Open Server Panel работает ;-)».

Далее в папке установки OpenServer «OSPanel» открываем подпапку «domains». Здесь создаём новую папку и называем её. При наличии доменного имени вводим его в качестве названия папки. Если процесс создания сайта в зачаточном состоянии, можно выбрать какое-нибудь техническое название типа «site1». Кстати, в меню OpenServer реализован быстрый доступ к папке с сайтами сервера.

Далее загружаем дистрибутив WordPress на официальном сайте CMS:

ru.wordpress.org

Распаковывать архив с дистрибутивом не нужно. Можно просто скопировать его содержимое. Windows в числе штатного арсенала содержит ZIP-архиватор, так что архив с дистрибутивом CMS можем открыть даже в проводнике. Копировать нужно не папку «wordpress», а только то, что находится внутри неё.

Скопированное вставляем внутрь созданной выше папки сайта.

Примечание: внутри папки сайта не должно быть промежуточной папки «wordpress», иначе её название будет болтаться в адресах страниц сайта.

6. База данных MySQL

Следующий этап – создание базы данных MySQL сайта. В меню OpenServer кликаем «Дополнительно», выбираем «PhpMyAdmin». В окне браузера по умолчанию откроется интерфейс веб-приложения. В форме авторизации необходимо ввести лишь имя пользователя:

root

Поле пароля оставляем пустым. Жмём «Вперёд».

После авторизации переключаемся на вкладку «Учётные записи пользователей» и добавляем новую запись.

В открывшейся форме:

• Заполняем графу имени пользователя (идентично названию папки сайта);
• Заполняем графы пароля и его подтверждения (ниже можно воспользоваться кнопкой «Генерировать» для генерирования безопасного пароля);
• Отмечаем галочки предлагаемых опций базы данных;
• Отмечаем галочкой «Отметить все» глобальные привилегии.

Имя пользователя и пароль сохраняем где-нибудь в TXT-файле или менеджере паролей. Жмём «Вперёд».

База MySQL создана. Её имя идентично имени учётной записи. Можем закрывать вкладку браузера с веб-приложением «PhpMyAdmin».

7. Редактирование файла конфигурации WordPress

Теперь нужно отредактировать файл конфигурации WordPress. Отправляемся в папку сайта и ищем там файл:

wp-config-sample.php

Переименовываем его и убираем из названия «-sample». По итогу должен получиться файл:

wp-config.php

Открываем этот файл с помощью любой программы по типу блокнота, например, Notepad++. Из трёх граф, как показано на скриншоте ниже, удаляем дефолтные значения. А вместо них подставляем свои значения – данные созданной в предыдущем шаге базы MySQL:

• ‘DB_NAME’ – имя базы;
• ‘DB_USER’ – имя учётной записи (идентично предыдущему значению);
• ‘DB_PASSWORD’ – пароль.

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

Сохраняем и закрываем файл.

8. Запуск админ-панели WordPress

В меню OpenServer перезапускаем сервер. Далее кликаем «Мои сайты» и выбираем только что созданный сайт.

Он откроется в окне браузера по умолчанию на этапе первичной настройки сайта. Здесь указываем его название, придумываем имя пользователя и пароль админ-панели WordPress. Отмечаем галочкой отказ от индексирования сайта поисковиками. Жмём «Установить WordPress».

У каждого владельца сайта или блога, рано или поздно, появляется непреодолимое желание его каким-то образом «допилить» или «докрутить». Начитавшись бодрых статей в стиле «Хатемеель – це дуже просто», они, долго не раздумывая, начинают рихтовать нежный код при помощи кувалды, зубила и какой-то матери. Результатом, чаще всего, становятся вырывание волос на попе шевелюре и панические письма в техподдержку: «Помогите, мой сайт сдох!».

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

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

Первым делом от вас потребуют открыть доступ в Интернет. Если вы не пользуетесь Скайпом, то больше проблем быть не должно. Если же пользуетесь, то предварительно зайдите в его настойки и снимите галочку на пункте «Использовать порты 80 и 443 в качестве входящих альтернативных». После чего перезапустите Скайп. Проверьте настройки Скайпа – они должны выглядеть вот так.

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

То, что я буду писать дальше, возможно вызовет возмущение профессиональных вебмастеров. Но я рискну описать самый простой путь к тому, чтобы начать собственные опыты с кодом, более сложные варианты оставим на потом. По правилам, работа с сайтом начинается с создания пользователя и базы данных. Разумеется, если мы делаем настоящий проект, так и надо поступать. Для нас же, экспериментаторов с шаловливыми ручонками, в OpenServer уже создан пользователь с именем mysql, база данных с именем mysql и паролем mysql. Нам остается только создать новый домен. Для этого щелкаем на меню «Настройки» и выбираем вкладку «Домены». В поле «Имя домена» вписываем любое имя (повторять имя настоящего сайта нежелательно), в поле «Папка домена» пишем «localhost/www» и нажимаем на «Добавить».

Дальнейшие действия стандартны. В папку OpenServer\domains\localhost\www загружаете WordPress, открываете файл wp-config и вписываете туда имена и пароли пользователя и базы.

Сохраняем, затем в браузере набираем имя, которое вводили, как новый домен, и попадаем на обычную страницу установки WordPress. Здесь не забудьте правильно написать адрес электронной почты и не разрешайте индексацию. После этого новый сайт в вашем полном распоряжении. С ним можно делать все, что угодно. Я, например, тестирую на нем все новые темы. Еще лучше установить на нем тему рабочего сайта и тестировать плагины, виджеты и скрипты. Можно удалять нежелательные ссылки из кода шаблона, прежде чем устанавливать его на рабочий сайт. Можно использовать OpenServer, как полигон для изучения HTML, CSS и PHP. Можно тренироваться в перенесении сайтов, придумывать новые страницы и так далее, и тому подобное. Можно тестировать темы собственной разработки, причем увидеть их в любом браузере. И главное – риска угробить уже работающий сайт — абсолютно никакого.

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

Создание сайта на локальном сервере OpenServer

Здравствуйте Уважаемые посетители блога webmastertema.ru. На связи с вами автор данного блога Артём Захаров и в данной статье я вам расскажу как установить и создать сайт на локальном сервере Open Server.

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

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

Итак, для начала вам нужно скачать данную программу на официальном сайте, на странице скачивания выберите максимальную версию «Ultimate» так как в ней больше возможностей, бесплатное скачивание в данный момент идет на небольшой скорости, на максимальной скорости вам будет доступно, если вы внесете пожертвование, я внес автору 100 рублей (в знак благодарности) и скачал на максимально-доступной для себя скорости.

После того, как вы скачаете и установите программу я хочу вам показать одну важную деталь, зайдите в папку «OpenServer»

в ней будет находится 4 папки, нас интересует папка «domains» именно в ней хранятся наши сайты

вот как на моем примере

то есть для начала вам нужно создать папку с названием сайта, например test.local

окончание после название сайта local — обязательно! Иначе могут быть проблемы с работой сайта на локальном сервере, потом в эту папку мы закидываем установочные файлы движка (wordpress, joomla, drupal и др.) я вам буду показывать на примере css движка wordpress.

В нашем случае нужно перейти на официальный сайт wordpress и скачать сам движок

как только мы скачали архив нам нужно его разархивировать, после разархивирования у нас появится папка с файлами, эти файлы нам нужно перенести в папку test.local либо можете перенести саму папку и переименовать в test.local.

Теперь нам нужно установить данный движок, нам нужно запустить данную программу нажав на зеленый ярлык соответствующей разрядности вашей ОС, у меня стоит 64 -разрядная, значит я запускаю «Open Server x64»

Советую вам сразу вынести саму папку «OpenServer» чтобы сразу была перед носом)). Внизу появится красный флажок, это говорит о том, что программа запустилась, но чтобы она функционировала нужно выбрать зеленый флажок и нажать запустить, после запуска у нас появится список сайтов в разделе «мои сайты», которые имеются в папке «domains». Перед установкой сайта нам обязательно нужно создать базу данных, для этого переходим в профиль «OpenServer» и в открывшемся меню выбираем «Дополнительно > PhpMyAdmin» далее у нас откроется отдельное окно браузера (который у вас задан по умолчанию в системе, в моем случае это Google Chrome) в нем откроется окно авторизации

пароль здесь вводить необязательно, самое главное чтобы было в графе «пользователь» root (иногда бывают случаи, когда без пароля не выполняется вход, тогда в графе пароля тоже пишем root).

Как только вы вошли в панель управления PhpMyAdmin нам нужно сверху нажать «Пользователи»

внизу нужно найти слово «добавить пользователя»

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

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

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *