×

Дополнительные материалы бесплатно предоставляются только зарегистрированным пользователям.

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

Для тех кто не зарегистрирован, можно это сделать на вкладке Регистрация.

  • Рубрики
  • Слайдер
  • Сайдбар
  • Подписка
  • Вниз
  • Вверх
×
  • Как сделать сайт с нуля своими руками (вводная часть)

    1. Причины создания пошаговой инструкции по разработке самописного сайта
    2. Тема создаваемого сайта
    3. В чем будет заключаться монетизация
    4. Функционал
    5. Этапы создания
    6. Текущее состояние создаваемого сайта

    Здравствуйте уважаемый посетитель!

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

    Причем чтобы такой интернет-ресурс был создан не на каком-нибудь стандартном шаблоне бесплатной СMS (Content management system - система управления контентом) типа WordPress, Drupal, Joomla и т.п., а заточенный под себя, с возможностью обеспечить ему должную безопасность и реализовать все свои индивидуальные потребности.

    Часто такие сайты, созданные под конкретные задачи на основе языка разметки веб-страниц HTML, стилей CSS и других инструментов веб-программирования (PHP, JavaScript и т.п.), называют самописными.

    Этой статьей начинается отдельная рубрика "Как сделать сайт с нуля своими руками", где на реальном примере, с предоставлением исходных материалов (программные коды, файлы и т.п.), будет показано, как действительно можно самостоятельно сделать рабочий сайт.

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

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

Самописный сайт своими руками!

Текущее состояние создаваемого сайта

Здесь можно посмотреть текущее состояние тестового самописного сайта, который создается в рамках цикла статей Сделай сайт с нуля своими руками.

Где в дополнительных материалах можно бесплатно скачать исходные файлы сайта с таблицами MySQL.

Вы здесь: Главная → Сборник статей → Инструменты → Устанавливаем локальный веб-сервер Open Server


Автор: / Дата:

Устанавливаем локальный веб-сервер Open Server

Здравствуйте уважаемый посетитель!

В самом начале при создании сайта, в качестве одного из инструментов для работы на локальном веб-сервере, была рассмотрена достаточно простая в использовании и наиболее популярная в то время среди вебмастеров, сборка программ Denwer.

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

В частности, сегодня мы рассмотрим установку локального веб-сервера под Windows "Open Server" (OSPanel). Который в последнее время среди вебмастеров завоевывает все большую популярность.

Обусловлено это тем, что это один из вариантов, который в отличие от Denwer позволяет работать с самыми последними версиями модулей. Включая PHP 7, переход на который является довольно актуальным вопросом для многих вебмастеров.

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

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

Содержание


  • Старый добрый Денвер, когда ж ты обновишься
  • Open Server - хороший вариант веб-сервера под Windows
  • Устанавливаем Open Server
  • Первый запуск Open Server

Старый добрый Денвер, когда ж ты обновишься


Denwer, действительно, предельно прост и удобен для работы. И долгие годы, с начала 2000-ых, многим верой и правдой служил для отладки сайтов на локальном компьютере.

Однако, со временем, у этой сборки программ появились определенные проблемы, в основном связанные с тем, что в течение нескольких лет она просто не обновляется. Совершенно не понятно, как будто разработчики о своем детище вообще забыли. А анонсированный ими Denwer4 так на свет и не появился.

И естественно, в этой ситуации любой программный продукт устаревает и теряет свою актуальность. И Denwer не исключение. А особенно это обострилось в последнее время, когда появилась новая версия PHP 7. Которую существующая сборка Denwer не поддерживает.

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

Open Server - хороший вариант веб-сервера под Windows


В настоящее время помимо Денвера можно найти много разных вариантов программных сборок серверов для Windows. Как говорится, на любой вкус. Но здесь мы рассмотрим, на мой взгляд, наиболее интересное решение - портативную серверную платформу Open Server.

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

Меню Open Server
  • возможность переключения HTTP, MySQL и PHP модулей на различные версии и в любом сочетании;
  • поддержка профилей настроек;
  • не требуется установка, причем имеется возможностью работы с USB на любом компьютере (портативность);
  • удобный просмотр логов всех компонентов;
  • простой доступ к доменам (в один клик);
  • поддержка SSL.
  • возможность использования планировщика заданий (cron);
  • мультиязычный интерфейс с русским языком включительно;
  • подробная и понятная документация;
  • дополнительный пакет из более 40 портативных программ.

Следует отметить, что проект Open Server был изначально задуман, как замена Денвера. И можно сказать, что это в полной мере удалось.

Тем более по периодическому выходу обновлений (последняя версия вышла совсем недавно, 21.09.2018) видно, что отношение разработчиков к своему продукту в этом случае весьма ответственное, что не может радовать.

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


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

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

скриншот 39

Итак, приступаем к установке Open Server. Сначала нужно скачать дистрибутив. Лучше для этого воспользоваться официальном сайтом. Ниже показана страница, с которой можно скачать программу.

скриншот 40

Вид страницы с официального сайта для скачивания Open Server

Рис.2 Вид страницы с официального сайта для скачивания Open Server

Здесь предлагается три версии:

  • ULTIMATE (максимальная редакция) - наиболее полный комплект с набором дополнительных программ для вебмастера;
  • PREMIUM (расширенная редакция) - содержащая только серверную часть программы без пакета дополнительных программ;
  • BASIC (базовая редакция) - минимальная по объему версия в базовой комплектации без пакета дополнительных программ.

Каждый для себя может определить какой вариант использовать. Если у кого уже имеются в своем наборе необходимые инструменты для работы с сайтом, то наверное, в этом случае для экономии места на диске, вполне возможно использовать расширенную (PREMIUM) или базовую (BASIC) версию без пакета дополнительных программ.

Если же занимаемый объем программы не столь критичен, или предполагается использовать Open Server в портативном варианте, то можно воспользоваться и максимальной редакцией ULTIMATE, чтобы все было в одном месте, например на USB-флешке.

Допустим, что мы уже имеем весь необходимый набор софта вебмастера и нам не нужны лишние дубли программ. В данном случае воспользуемся версией PREMIUM. Для этого нужно выбрать в соответствующем окне вариант OSPanel Premium, ввести код с картинки, как показано на рис. 2, и нажать кнопку "Скачать".

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

Выбор способа скачивания

Рис.3 Выбор способа скачивания

Здесь допускается два варианта скачивания:

  • бесплатно при минимальной скорости;
  • при максимальной скорости, пожертвовав на поддержку проекта небольшую сумму в размере 100 рублей.

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

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

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

Скачивание при максимальной скорости

Рис.4 Скачивание при максимальной скорости

В итоге, как бы то ни было, мы скачали дистрибутив. При максимальной скорости это будет за пару минут. При простом скачивании - за 3÷4 часа.

Скаченный дистрибутив

Рис.5 Скаченный дистрибутив

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

Для этого необходимо кликнуть два раза мышкой по полученному файлу "open_server_5_2_9_premium.exe" и в открывшемся окне выбрать нужный диск. Это может быть как системный диск, так и другой любой, включая внешние.

В нашем случае установим Open Server не на системный, а на специально выделенный для работы с этим локальным сервером новый диск "E". Для этого выберем его через обзор и запустим процесс распаковки.

Выбор диска и запуск распаковки дистрибутива

Рис.6 Выбор диска и запуск распаковки дистрибутива

Как видно, после распаковки, которая в данном случае заняла несколько минут, на диске "E" сформировалась новая одноименная папка "OSPanel". Где, кроме двух приложений (для 64-ех и 32-ти битной системы), еще три папки: "domains", предназначенная для размещения сайтов, "modules" - для модулей программы и "userdata" - для временных файлов и файлов конфигурации.

Содержимое распакованного дистрибутива

Рис.7 Содержимое распакованного дистрибутива

Если же используется расширенная версия ULTIMATE, то здесь окажется еще одна папка - "progs" с пакетом дополнительных программ.

Первый запуск Open Server


При первом запуске программы, во избежание возникновения лишних проблем в работе веб-сервера, следует обратить внимание на некоторые моменты, а именно:

  • В случае, если на компьютере используется какое-нибудь антивирусное ПО (что на мой взгляд необходимо), в настройках антивируса следует внести программу Open Server в исключения.
    Дело в том, что эта сборка, как и все подобные программы вносит изменения в системный файл хостов Hosts. Но так как он достаточно сильно подвержен воздействиям различного рода вирусов, то антивирусные ПО обычно блокируют подобные программы на запись в этот файл.
    И чтобы работе Open Server это не мешало, следует добавить соответствующее приложение в доверенные программы своего антивируса. Как это сделать, зависит от конкретного установленного ПО. В моем случае при использовании ESET это делается через вкладку "Защита компьютера".
    Вкладка ESET Защита компьютера

    Рис.8 Вкладка ESET Защита компьютера

    Где после нажатия на соответствующую иконку, как показано на рис.8, должно открыться окно для внесения изменения в исключения. В котором нужно указать путь приложения (в моем случае для 64-ех битной системы это будет E:\OpenServer\OSPanel\Open Server x64.exe).
    Внесение Open Server в исключения антивируса

    Рис.9 Внесение Open Server в исключения антивируса

    Конечно, помимо ESET могут использоваться и другие антивирусы. Для них, для добавления Open Server в доверенные программы следует воспользоваться соответствующей документацией. Но в любом случае сделать это необходимо.
  • Для работы Open Server требуется наличие установленного набора библиотек Microsoft Visual C++. Без них программа работать не будет.
    Поэтому в случае, если этот набор ранее не был установлен, то при первом запуске это нужно сделать. Либо его установить при повторных запусках используя [Меню → Дополнительно → Первый запуск].
  • Необходимо также учитывать, что для корректной работы сервера, запускать приложение следует от имени администратора.

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

Для этого, сначала левой кнопкой мышки выделим исполняемый файл программы (в моем случае "Open Server x64.exe"). Затем правой кнопкой откроем контекстное меню. После чего запустим приложение от имени администратора, как показано на следующем скриншоте.

Первый запуск Open Server

Рис.10 Первый запуск Open Server

После этого должно появиться меню выбора языка.

Меню выбора языка

Рис.11 Меню выбора языка

Далее в новой версии, в отличие от предыдущих, при первом запуске предлагается сразу загрузить дополнительный пакет программ и патчей Microsoft Visual C++.

Предложение к установке программ Microsoft Visual C++

Рис.13 Предложение к установке программ

Здесь на выбор. Можно пропустить этот этап, если уверены, что с пакетом Microsoft Visual C++ все в порядке. А можно перестраховаться, и обновить его. По крайней мере это только отнимет несколько минут на обновление ПО и перегрузку компьютера.

Как бы то ни было, в том или ином случае, на этом первый запуск завершен. И после открытия приложения, в системном трее (область уведомлений на панели задач – в нижнем правом углу экрана) должен появиться значок панели управления веб-сервера в виде флажка.

Значок открытого приложения Open Server

Рис.14 Значок открытого приложения Open Server

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

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

Рис.15 Запуск сервера

Через несколько секунд, в случае успешного выполнения, сервер запустится, что должно отразиться изменением цвета пунктов меню. А именно: цвет пункта "Запустить" изменится с зеленого на серый, а "Перезапустить" и "Остановить" наоборот, вместо серого окрасятся в желтый и красный, соответственно. Что будет означать, что эти элементы стали доступны.

И теперь появилась возможность открывать сайты, загруженные в Open Server. В данный момент здесь по умолчанию имеется лишь только тестовый сайт "localhost". Откроем его через меню "Мои сайты", как показано на скриншоте.

Открытие тестового сайта localhost

Рис.16 Открытие тестового сайта localhost

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

Главная страница сайта localhost

Рис.17 Главная страница сайта localhost

Все, мы открыли сайт с помощью вновь установленного локального веб-сервера Open Server. Что в конечном итоге этот тест подтверждает успешную его установку.

Кстати, если при первом запуске все же была пропущена загрузка пакета Microsoft Visual C++, а в дальнейшем в работе веб-сервера выявились какие-либо проблемы, то, как было ранее отмечено, загрузить Microsoft Visual C++ можно теперь и через меню [Меню → Дополнительно → Первый запуск], как показано ниже.

Выбор первого запуска через меню приложения

Рис.18 Выбор первого запуска через меню приложения


Таким образом установку на компьютер локального веб-сервера Open Server мы закончили. Осталось только им воспользоваться. Что мы и сделаем в следующей статье, где выполним некоторые его настройки и посмотрим, как можно загрузить в этот веб-сервер прилагаемые исходные файлы и таблицы MySQL создаваемого сайта.

С уважением, Николай Гришин

Комментарии


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

Буду Вам за это очень признателен!

comments powered by HyperComments