Локальная установка сайта на ПК

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

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

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

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

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

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

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

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

  И теперь нам ещё понадобится движок (CMS) WordPress.

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

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

Установка программ

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

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

mybabki.ru

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

 mybabki.ru

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

mybabki.ru

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

mybabki.ru

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

mybabki.ru

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

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

mybabki.ruи меняем порт «HTTP» на «8080», а порт «HTTPS» на «442» или «4433».

mybabki.ru

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

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

Хотите убедиться? Заходим в меню панели там же в трее, выбираем «Мои сайты», далее «localhost»,mybabki.ru

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

mybabki.ru

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

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

mybabki.ru

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

mybabki.ru

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

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

Создание базы данных сайта

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

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

mybabki.ru

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

mybabki.ru

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

mybabki.ru

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

mybabki.ru

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

mybabki.ru

 

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

mybabki.ru

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

mybabki.ru

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

mybabki.ru

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

mybabki.ru

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

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

Установка WordPress

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

mybabki.ru

 

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

mybabki.ru

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

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

mybabki.ru

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

mybabki.ru

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

mybabki.ru

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

mybabki.ru

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

mybabki.ru

  Всё!

mybabki.ru

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

mybabki.ru

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

mybabki.ru

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

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