Как установить сайт на Open Server

Локальная установка проектаЧто такое локальный сервер и для чего он нужен

  Добро пожаловать на первый этап работы.

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

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

Что нам понадобится для работы

  Для работы будем использовать программную среду Open Server Panel (OSP), на которой и будете работать над своим проектом.

Что это такое? OSP — это платформа для разработки, отладки и тестирования веб-проекта в локальной сети. Простыми словами — это подставка под сайт с «прикреплёнными» к ней инструментами для работы над проектом.

Почему именно её, хотя существуют и другие? Потому что она самая простая — это раз. Не требует установки, можно запускать с flash-накопителя, что очень удобно, если находитесь вне дома или на чужом компьютере — это два. Весь набор программ, которые понадобятся, уже встроены в неё — это три. В общем, для новичков это то, что нужно. Скачать можете с официального сайта или же с моего яндекс диска. На официальном сайте вам предложат три варианта: базовая, премиум и максимальная. Для тестирования хватит и базовой, но я советую скачать полную, уже укомплектованную версию программы (ultimate). Что-то мне подсказывает, что она ещё пригодится. Вдруг вы решите изучить поподробнее или чего-то вам будет не хватать в процессе работы. Так что пусть будет полная, чтобы потом не рыскать в поисках дополнений или не закачивать заново.

  Ещё понадобится движок WordPress (CMS — Content Management System). Это система управления контентом вашего сайта, которая упростит и автоматизирует работу, и вы сможете создавать свои проекты не будучи программистом. Опять же простыми словами — это «вместилище» вашего проекта, которое устанавливается на OSP и помогает вам в его оформлении. Надеюсь, теперь стало понятнее.

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

Запуск программной среды Open Server Panel (OSP)

  Для удобства создайте отдельную папку, обзовите, например: «server» (на латинице) и переместите нужные архивы туда. Так у вас не будет беспорядка и все файлы будут под руками. И теперь в эту папку переместим и распакуем наш архив OSP. 

Извлечение Open Server Panel из архива

   В папке OSP Panel вы найдёте 2 файла запуска, выберите соответствующий вашей операционной системе и запускайте от имени администратора.

 Файлы Open Server для запускаЗапуск Open Server от имени администратора

Выбираем язык и так как запуск впервые, то пусть установит (обязательно!) дополнительные нужные для работы панели библиотеки. Перезагружаем компьютер после установки.

Выбор язывка при установке Open Server Panel

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

Настройка запуска Open Server Panel

    Теперь в трее в правом нижнем углу вы увидите красный флажок. Его нужно кликнуть и нажать «Запустить». Через несколько секунд он позеленеет. 

Запуск Open Server Panel

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

Заходим «Настройки» —> «Сервер»

Смена порта в настройках Open Server Panelи меняем порт «HTTP» на «8080», а порт «HTTPS» на «442» или «4433».

Смена порта в настройках Open Server Panel 2

  Сохраняем настройки.

  Позеленел? Отлично, программная среда OPS запущена!

Хотите убедиться? Заходим в меню панели там же в трее, выбираем «Мои сайты», далее «localhost»,Open Server Panel запущена и работает

откроется браузер с подтверждением. Радуйтесь…

Успешный вход в Open Server Panel

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

Как поменять настройки OSP

  Немного изменим настройки программы, установленные по умолчанию. В меню OSP откройте вкладку «Настройки», далее вкладка «Основные». Давайте создадим свой профиль для работы WordPress.  Имя профиля пусть будет «wordpress», нажать «Создать профиль». Нажимаем «Сохранить».

Создание собственного профиля в Open Server Panel

  Далее переходим во вкладку «Модули». Здесь уберём галочку «вести лог запросов». Не думаю, что вам понадобятся эти файлы о работе сервера, вы всё-равно в них по началу не разберётесь, тем более что включить обратно никогда не поздно. И ещё сменим MySQL. Из выпадающего меню выберите версию: MySQL-5.6 для ОС х32 или MySQL-5.6х64 для ОС х64. Этой версии вполне достаточно для работы WordPress. На меньшей он нормально работать не будет, а может и не станет, а версии выше дадут более большую нагрузку на машину. Не забудьте сохранить настройки.

Настройка собственоого профиля в Open Server Panel

  Это мы создали свой профиль в OSP со своими настройками и будем в нём работать. Переключаться, если нужно между профилями кнопкой «Загрузить профиль». 

  Вот в принципе с OSP всё. Не так уж и сложно, правда? Теперь нам предстоит создать базу данных нашего будущего проекта. Не пугайтесь, и в этом тоже нет ничего сложного.

Как базу данных сайта в Open Server Panel

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

  Итак, создаём… Создать её можно двумя способами в MSQL менеджере и в PhpMyAdmin. Сначала рассмотрим способ с MSQL, лично мне удобнее работать с ним. Вы можете создавать, как вашей душе будет угодно.  Находим MSQL менеджер во вкладке «Дополнительно» и запускаем.

Запуск MySQL менеджера

  Переименуем сеанс в «mysite». Задайте имя пользователя «root», пароль оставьте пустым. Сохраните настройки. И теперь можете нажать «Открыть».

Настройка менеджера MSQL

   Перед вами теперь новое окно, и вот здесь мы создадим базу данных.

Создание базы данных проекта  в MSQL менеджере

   Правый клик на «mysite» или на пустом месте в правой колонке, выбираем «Создать» и далее «База данных».

Создание базы данных проекта  в MSQL менеджере 2

  В появившемся окне придумайте имя на латинице, я обзову просто «test». У вас будет какое хотите и «Ok». Та-дам, база готова, но конечно пока пустая.

Создание базы данных проекта  в MSQL менеджере 3

 

Создание базы данных в Open Server через PhpMyAdmin

   А теперь давайте рассмотрим вариант создания базы в PhpMyAdmin. Для новой базы этот вариант подходит, а вот если придётся экспортировать уже имеющуюся, то не вполне удобно, потому что размер экспортируемых данных не должен превышать 50 мб, а если он более, то переносить придётся частями, что крайне не удобно. Да и с кодировкой можно запутаться. Но нам до этого ещё далеко, так что продолжим. Во вкладке  OSP — «Дополнительно» выбираем «PhpMyAdmin».

Вход в PhpMyAdmin

  В открывшемся окне имя пользователя пишем «root», пароль не нужен.

Вход в PhpMyAdmin под правами root

  В следующем окне выбрать кодировку «utf8mb4_unicode_ci», если понадобится и «Создать БД».

Создание базы данных проекта в PhpMyAdmin

  Далее «Имя базы», моё «test», ваше опять же какое угодно. И наконец-то «Создать».

Создание базы данных проекта в PhpMyAdmin 2

  Всё!  Вот и этот вариант готов.  Выбирайте тот, который вам больше нравится.

  Осталось установить WordPress и всё… Можно переходить к следующему этапу.

Как установить WordPress в Open Server

  В папке «domains», которая находится в OSP и в которой будут храниться все наши сайты, создайте новую папку и назовите «mysite». Это будет наш тестовый локальный домен.

Создание папки для проекта на своём компьютере

  Переходим к установке WordPress. Вы же уже его скачали? Можно не распаковывать, а скопировать прямо из архива.

Установка WordPress в OSP на свой компьютер

  А если вы уже распаковали архив, то заходим в папку, там будет ещё одна, так и называется «wordpress». Скопируйте всё её содержимое в «mysite». Теперь ваш mysite вы можете увидеть при запуске Open Server, во вкладке «Мои сайты» рядом с «localhost». Но это ещё не всё… 

  Запускаем наш Open Server. В папке «Мои сайты» запускаем «mysite».

Запуск свокго проекта в OSP

  Откроется окно, можете с ним ознакомится. В принципе всё что им от нас нужно у нас имеется, так что смело жмём «вперёд».

Начало установки WordPress

  В следующем окне свяжем движок с базой данных, вводите своё имя базы, остальное — как на скриншоте и клацайте кнопку «отправить».

Подключение WordPress к базе данных

  Ну вот, WordPress одобрил ваши данные, теперь запускайте установку.

Процесс установки WordPress в OSP

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

Ввод информации в WordPress

  Всё!

Установка WordPress в OSP закончена

  Заходите в свой WordPress  и начинайте знакомиться.

Форма входа в админпанель WordPress

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

Административная панель управления WordPress

   А мне пора заканчивать эту статью и дать вам передышку. Мы с вами прошли первый этап создания своего проекта. Думаю, что было не очень сложно, и вы всё-таки разобрались что да как. Старалась для вас всё делать как можно подробнее, местами может нудновато, но зато надеюсь понятно. Теперь будем трудиться над следующими этапами. Буду ждать вас там

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