×

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Вы здесь: Главная → Сборник статей → Вводная часть → Как установить (перенести) сайт на локальный веб-сервер Open Server


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

Как установить (перенести) сайт на локальный веб-сервер Open Server

Как установить (перенести) сайт на локальный веб-сервер Open Server

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

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

Ранее в аналогичной статье при установке сайта на Денвер мы уже выполняли подобные операции по загрузке на веб-сервер исходных файлов с таблицами базы данных MySQL. Где были показаны все необходимые действия с использованием прилагаемых к статьям дополнительных материалов.

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

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

Содержание


  • Подготовка локального веб-сервера
  • Скачивание и распаковка исходных материалов
  • Перенос файлов в корневой каталог сайта
  • Импорт таблиц MySQL в базу данных сервера

Подготовка локального веб-сервера


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

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

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

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

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

Для этого сначала откроем меню "Настройка" через соответствующий пункт в панели управления.

Выбор меню Настройка

Рис.1 Выбор меню Настройка

А затем во вкладке "Основные" отметим пункт "Требовать учетную запись Администратора" и сохраним сделанные изменения, как показано на скриншоте.

Выбор требования учетной записи Администратора

Рис.2 Выбор требования учетной записи администратора

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

Окно с сообщением о запуске приложения без прав администратора

Рис.3 Окно с сообщением о запуске приложения без прав администратора

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

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

Открытие окна свойств исполняемого файла программы

Рис.4 Открытие окна свойств исполняемого файла программы

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

Изменение свойств исполняемого файла программы

Рис.5 Изменение свойств исполняемого файла программы

И теперь, при любом запуске веб-сервера приложение будет открываться с правами администратора. Что и требуется для нормальной работы Open Server.

Следующее, что мы сделаем в настойках, это создадим профиль, который будет соответствовать нужной конфигурации сервера: Apache, Nginx, PHP, MySQL.

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

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

Для этого на той же вкладке "Основные" сначала создадим новый профиль, введя в соответствующем поле подходящее наименование (в данном случае профиль назван как "PHP 7", подразумевая, что в нем, в отличие от Default, в качестве PHP будет использоваться более современная седьмая версия).

Создание нового профиля

Рис.6 Создание нового профиля

Затем сохраним вновь созданный профиль.

Сохранение нового профиля

Рис.7 Сохранение нового профиля

После чего открыв для этого профиля вкладку "Модули", выберем нужные модули веб-сервера, которые будут соответствовать конфигурации реального сервера, находящегося на хостинге. Где в данном случае мы предполагаем, что в качестве PHP будет применяться последняя его версия 7.2.

Изменение конфигурации сервера для вновь созданного профиля

Рис.8 Изменение конфигурации сервера для вновь созданного профиля

Здесь видно, что для нового профиля с наименованием PHP 7 задана следующая конфигурация сервера:

  • HTTP сервер - Apache-PHP-7-x64 (64-битная версия Apache с конфигурацией под PHP-7);
  • PHP - PHP-7.2-x64 (64-битная версия PHP-7.2);
  • MySQL - MySQL-5.6-x64 (64-битная версия СУБД MySQL-5.6).

При этом в профиле Default останется конфигурация сервера по умолчанию в следующей комбинации:

  • HTTP сервер - Apache-2.4;
  • PHP - PHP-5.5;
  • MySQL - MySQL-5.6.

При желании ее можно подкорректировать, заменив, если позволяет железо, 32-ух на 64-ех битные версии модулей. А можно сделать и другие правки, настроив эту конфигурацию под себя.

И таким образом, имея два профиля, при необходимости, несложно будет проверять работу сайтов как с PHP 7, так и с более ранним PHP 5. Для этого достаточно будет в настройках выбрать нужный профиль, загрузить его и сохранить выполненные изменения.

Выбор, загрузка и сохранение профиля

Рис.9 Выбор, загрузка и сохранение профиля

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

Перезапуск сервера

Рис.10 Перезапуск сервера

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

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

Однако, лучше воздержаться от внесения изменений в такие настройки, как кодировки, находящиеся на вкладке "Кодировки". Так как они уже установлены должным образом и их менять не рекомендуется.

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

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

скриншот 41

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

А теперь перейдем непосредственно к установке (переносу) сайта, используя для этого прилагаемые дополнительные материалы.

Скачивание и распаковка исходных материалов


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

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

В итоге мы должны получить две распакованные папки: "www" - с файлами сайта и "mysql_docs" - с таблицами MySQL. На скриншоте показано содержание отдельной папки "Исходные файлы сайта" со скаченными и распакованными дополнительными материалами 72-ой версии в виде каталогов "www" и "mysql_docs".

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

Рис.11 Скаченные и распакованные дополнительные материалы

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

Перенос файлов в корневой каталог сайта


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

Но так как файлы мы переносим впервые, то сначала необходимо в веб-сервере создать корневой каталог сайта с именем, соответствующим его домену. Он должен располагаться в отдельной папке сервера под именем "domains".

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

Переход в папку с сайтами через главное меню

Рис.12 Переход в папку с сайтами через главное меню

А затем в открывшемся окне нужно создать новую корневую папку сайта. В нашем случае, это будет "newsite.local".

Создание корневого каталога сайта

Рис.13 Создание корневого каталога сайта

После этого сервер необходимо перезапустить, если он ранее был запущен. Либо вновь запустить, в случае если он до этого был остановлен.

В результате, при запуске должны произойти необходимые изменения в системном файле Hosts. При этом в пункте "Мои сайты" главного меню должен появиться новый сайт с именем newsite.local, как показано ниже.

Появление в главном меню вновь созданного сайта

Рис.14 Появление в главном меню вновь созданного сайта

Теперь можно и перенести ранее скаченные исходные файлы. Для этого нужно в распакованной папке "www" выделить все файлы, а затем обычным способом, скопировать или переместить их в созданный в веб-сервере корневой каталог newsite.local.

Перенос исходных файлов на веб-сервер

Рис.15 Перенос исходных файлов на веб-сервер

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

В этом случае через пункт меню "Мои сайты" можно попытаться открыть главную страницу сайта. И если все было сделано правильно, то в браузере должно отобразиться сообщение о неудачной попытке соединения с базой данных, с кодом ошибки 1049 "Unknown database avtobezugona", как показано на скриншоте.

Сообщение об отсутствии соединения с базой данных

Рис.16 Сообщение об отсутствии соединения с базой данных

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

Импорт таблиц MySQL в базу данных сервера


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

Перейти в него можно через закладку "Дополнительно" главного меню, как показано на следующем скриншоте.

Открытие приложения phpMyAdmin через главное меню

Рис.17 Открытие приложения phpMyAdmin через главное меню

А далее в форме авторизации phpMyAdmin следует ввести логин "root" без пароля и войти в приложение через кнопку "Вперед".

Вход в приложение phpMyAdmin

Рис.18 Вход в приложение phpMyAdmin

Далее на открывшейся главной страницы phpMyAdmin для перехода на вкладку "Базы данных" необходимо нажать соответствующую кнопку "Создать БД".

Переход на вкладку Базы данных

Рис.19 Переход на вкладку "Базы данных"

Где ввести имя базы данных (в данном случае "avtobezugona"), кодировку "ult8_general_ci" (должна быть установлена по умолчанию) и создать новую базу данных нажатием на кнопку "Создать".

Создание базы данных

Рис.20 Создание базы данных

После чего должна открыться вкладка, с выделенной в левой части страницы новой базы данных "avtobezugona", для которой необходимо создать таблицы.

Вкладка Структура для созданной базы данных

Рис.21 Вкладка "Структура" для созданной базы данных

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

Для этого следует открыть вкладку "Импорт" (рис.21), на которой через обзорное окно нужно выбрать из папки "mysql_docs" нужный файл "avtobezugona.sql" и импортировать его нажав на кнопку вперед.

Импорт файла с таблицами MySQL

Рис.22 Импорт файла с таблицами MySQL

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

Выбранный файл с таблицами MySQL

Рис.23 Выбранный файл с таблицами MySQL

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

Завершение импорта таблиц MySQL

Рис.24 Завершение импорта таблиц MySQL

Таким образом все таблицы в базу данных мы загрузили. И теперь можно проверить работу сайта по завершении его полной установки на веб-сервер.

Для этого снова откроем сайт, и проверим результат.

Открытие страницы установленного сайта

Рис.25 Открытие страницы установленного сайта

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

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

Импорт таблиц в существующую базу данных

Рис.26 Импорт таблиц в существующую базу данных

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


Таким образом мы рассмотрели порядок установки сайта для варианта с использованием в веб-сервера Open Server.

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

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


Комментарии


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

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

comments powered by HyperComments