Статті у цій же категорії

Коротка та дохідлива установка OpenServer. Тут ми правильно налаштуємо базу даних і зробимо встановлення WordPress на локальний Open Server.

Цей локальний сервер безкоштовний, за що велике спасибі розробникам. Ці скромні хлопці, щоправда, так не нав'язливо пропонують внести пожертву у будь-якій сумі для розвитку проекту. Це я вважаю дуже благородно до нас та думаю пожертву це, зробити треба.

Завантажуємо програму Open Server

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

Також при установці не буде ярлика на робочому столі та в меню пуск. Програма портативна.

Вибирайте будь-який із трьох дистрибутивів, я їх описував у .
Заповніть капчу та завантажуйте.

Після встановлення папка буде ось так

Раджу встановити ярлик у панелі завдань. Зручно запускатиме програму.

Не шукайте програму Program Files, ви її там не знайдете. Вона, як я вже казав, портативна, і запускається тільки з тієї папки, куди її ви встановили. Тому й ярлик варто шукати лише там.

Тиснемо на ярлик в Панелі завдань і чекаємо деякий час. Програма не подаватиме жодних ознак своєї роботи під час завантаження своїх необхідних файлів. За хвилину тихо з'явиться жовтий прапорець у треї (праворуч унизу, біля дати та часу).

Якщо не з'явиться, натисніть стрілку поряд, знайдіть прапорець, після чого сервер завантажиться, і тепер натиснувши в третій зелений прапорець, запустіть Open Server.

Невеликий, але обов'язковий крок. Якщо ви користуєтеся Skype, вам потрібно зайти в нього, і пройти в налаштування, Інструменти – Додатково – З'єднання, та прибрати галку у чекбоксі, як на скрині

Це дозволить серверу Open Server працювати без проблем займаючи свої порти.

І ще. Сервер створить для себе віртуальний диск, тому не дивуйтеся, що у вас з'явиться додатковий диск у провіднику. Він буде зникати, коли ви виходите з локального сервера.

Створення сайту в Open Server

Тепер потрібно зайти до папки, де ви визначили місце для Open Server. Витріть папку domians, у вас там буде одна папка localhost.
Створіть нову, допустимо test.ru .

І тепер ми встановимо на цей домен двигун WopdPress.

Насамперед скачаємо WordPress з офіційного сайту.

Буде завантажено архів, який ви розпаковуєте у цій же папці Завантаженняі відкриваєте розпаковану папку.
Виділяєте всі папки та файли та копіюєте в буфер. Потім відкривайте папку нового сайту test.ru і вставляйте туди всі ці папки.

Потім відкривайте файл із цієї папки під ім'ям wp-config-sample.phpтекстовим редактором Notepad++або просто блокнотом і правимо код.

Тепер по порядку, що правимо.
Але спочатку ми створимо базу даних. Для цього ми відвернемося від редагування, ми потім повернемося в цей крок. Це важливо створити Базу, тому що ім'я Бази ми будемо вносити до цього командного файлу.

Встановлення бази даних

Переходимо в меню Open Server, натиснувши на прапорець у треї і в самому меню сервера відкриваємо PhpMyAdmin.

Відкриється вікно входу, де у вікні Користувач вносимо root, пароль залишаємо порожнім, ОК.
Ми увійшли до програми, де створимо базу даних для нашого, поки що віртуального сайту

Привласнюємо ім'я база, у нашому випадку mywordpress, та встановлюємо формат бази utf8_general_ci. Створити.

Ми створили базу даних для свого сайту.

Тепер повертаємось у виправлення файлу, звідки відволіклися для створення Бази.

Заповнимо так, як виділено червоні квадрати. За винятком великого.
Це у нас унікальний довільний код. Його можна створити пройшовши за посиланням, вказаним стрілкою. Просто скопіюйте URL-адресу та відкрийте її в новому вікні, вам буде запропоновано унікальний код, який копіюйте і замініть той, який у вас стояв за замовчуванням. Всі.

Збережіть зміни та закрийте блокнот, або інший редактор, у якому ви керуєте код.
А тепер змініть ім'я файлу з wp-config-sample.phpна wp-config.php.

От і все.

Заходьте в трей, перезапустіть (жовтий прапорець) сервер ЦЕ ОБОВ'ЯЗКОВО!
Потім знову зайдіть у сервер, все в тому ж таки треї і пройдіть в Мої сайти. Там ви знайдете ваш test.ru.
Тисніть і ви на сайті. Запустяться установки двигуна WordPress. Дайте назву сайту, припустімо Мій блог . Придумайте логін, просто admin5. І пароль. Зробіть простий, це тестовий сайт і злому ми не боїмося.

Після чого можемо набрати test.ru/wp-admin, внести наші логін та пароль

І потрапляємо до адмінки

А якщо в адресному рядку наберемо test.ru то потрапимо вже на сайт

Наш локальний сервер із новим тестовим сайтом готовий. Приступаємо до роботи та подальшого навчання.

І всього гарного!

Працюйте! Світ не буде раєм Для тих, хто хоче жити ледарем. Сакс Ганс

Чи знаєте ви, що щоб зробити web-сайт, не обов'язково відразу купувати домен та хостинг для нього? Можна обійтися інсталяцією спеціального комплексу програм для Windows – локального сервера.

Одним із найкращих варіантів я вважаю Open Server, точніше його версію OSPanel Premium.
Ця безкоштовна версія включає лише необхідний набір програм для роботи з локальним сервером.

Качаємо, встановлюємо, за замовчуванням програма встановлюється на диск C:\OSPanel, заходимо туди і створюємо ярлик для exe файлу, який відповідає версії вашої Windows, її можна подивитися у властивостях комп'ютера. Якщо Windows 64bit, робимо ярлик для неї (Open Server x64.exe). Далі у властивостях ярлика необхідно зазначити запуск від імені адміністратора, це важливо. Запускаємо, у нас у системному треї з'явився червоний прапорець, клацаємо по ньому і далі на зелений – Запустити. Чекаємо трохи, якщо прапорець став зеленим - вам дуже пощастило, якщо ні - швидше за все причина антивірусної програми, яка не дає змінити системний файл hosts. Для всіх антивірусів універсального рецепту немає, але що ми можемо зробити це додати наш сервер довірені програми антивірусу, або відключити стеження за файлом hosts. Тут або Google вам на допомогу, або зносимо ваш антивірус і ставимо наприклад безкоштовний антивірус Kaspersky Free, додаємо в довірені наш Open Server x64.exe, все має заробити.

Коли прапорець горить зеленим – сервер працює. Заходимо в налаштування на вкладку модулі та вибираємо Apache-2.4-x64, PHP-5.6-x64, MySQL-5.6-x64, якщо Windows 32 бітна, то ставимо ці ж версії без x64. Інші всі галочки зняті. Ці налаштування оптимальні на сьогодні для більшості популярних CMS (Worldpress, Joomla, Prestshop, OpenCart…). Перезапускаємо все готове до роботи, якщо прапор зелений. Якщо ні – пишемо у коментарі, допоможу.

Встановлення будь-яких CMS на Open Server

Багато популярних CMS движки типу Worldpress, Joomla, Prestshop, OpenCart ... встановлюються приблизно однаково.

Хочу всіх подивитись? Так запросто, ось вам універсальна інструкція:

Качаємо CMS. Заходимо в ospanel\domains через меню - Папка з сайтами або через провідник, створюємо там папку з локальним ім'ям домену, наприклад: presta-pro.ru, розпаковуємо туди нашу CMS, прямо в корінь, після розпакування маємо в цій папці купу файлів, а не ще одну папку.

Через меню OpenServer (коли прапор зелений) тиснемо – Додатково – PhpMyAdmin, Користувач: root, Пароль: (залишаємо порожнім). У меню зліва тиснемо - Створити БД

Ім'я: (ім'я БД латиницею, наприклад:) namedb, Порівняння: utf8_general_ci, тиснемо - Створити.

При встановленні вас попросять вказати:

• Ім'я бази даних: (раніше створене) namedb
• Пароль БД: порожній, решту полів сподіваюся зможете заповнити самостійно, ну хіба хост ще може запитати: localhost
• Після інсталяції деякі CMS просять видалити папку install, вона знаходиться в корені нашого сайту, видалити її потрібно через провідник Windows.

На завершення установки важливо запам'ятати три речі:

1. Шлях (адреса) до адмінки,
2. Логін (може бути email для входу),
3. Пароль.

Шлях до адмінки може бути унікальним, тому кидаємо його до закладок. Логін та пароль бажано запам'ятати за допомогою LastPass.

Все, вітаю вас, ви тільки-но створили сайт, а може відразу кілька. Плюс з погляду SEO такого підходу в тому, що пошукові системи не люблять сирі та недороблені сайти, а на локальному домені можна довести сайт до робочого стану та лише потім вивантажити в інтернет, на хостинг. Та й потренуватися можна і вибрати СМС до душі. А ми в наступних статтях розглянемо їх налаштування докладніше.

P.S. Налаштування Open Server + Dr.Web

Після запуску Open Server спливе кілька вікон Dr.Web, в яких дозволяємо доступ OpenServer і Apache, але далі dr.web, як і раніше, не дає запускати Open Server. Щоб відкрити додаткові налаштування, необхідно натиснути на іконку закритого замка, далі шестерню, далі дозволити змінити файл host для OpenServer, як на фото нижче, після чого сервер все ж таки запустився.

P.S. Налаштування Open Server + Avira

Ще непоганий антивірус, у тому числі і з гарною безкоштовною версією, можна легко подружити з OpenServer. Запускаємо антивірус, тиснемо шестерню в нижньому лівому кутку, і в налаштуваннях прибираємо галочку, як на картинці.

Опис програми

Open Server - це портативний програмний комплекс, створений для того, щоб допомогти веб-майстрам у розробці, налагодженні та тестуванні сайтів безпосередньо на комп'ютері (навіть якщо на ньому немає інтернету) під керуванням ОС Windows. Більш детально прочитати про те, що таке Open Server, яка різниця в його збірках (максимальній, розширеній і базовій) і про те, які компоненти в них входять, можете почитати на оф. сайті проекту: ospanel.io.

Особисто я користуюся розширеною редакцією (преміум)

Де завантажити опен сервер?

1. На сайті розробника ospanel.io/download/- без доната швидкість стрибки дуже маленька (3 години качати)
2. З мого яндекс диска, тут: https://yadi.sk/d/qDuNKrWUhkHvo- я зазвичай закидаю туди всі оновлення

Встановлення Open Server

Перед встановленням рекомендую відключити антивірусну програму. У моєму випадку це антивірус Касперського, відключається наступним чином: знаходимо в треї значок антивірусника, клацаємо по ньому мишкою (правою кнопкою) і вибираємо: призупинити захист, потім вибираємо на який час зупинити і в віконці підтверджуємо дію.

Запускаємо скачаний дистрибутив Опен Сервера (бажано від імені адміністратора).


Вказуємо шлях для встановлення дистрибутива.

Чекаємо на розпакування, після чого переходимо по шляху, який ви вказали при розпакуванні і бачимо там папку OpenServer, всередині якої знаходиться встановлений Опен Сервер

На цьому встановлення завершено!

Open Server – перший запуск

Для цього перейдемо до папки із встановленим дистрибутивом Open Server (у моєму випадку вона знаходиться на локальному диску D). Клацаємо правою кнопкою миші по значку Open Server (x64 або х86, залежно від розрядності вашої ОС) і у вікні вибираємо «Запуск від імені адміністратора».

У вікні, що відкрилося, вибираємо мову інтерфейсу сервера (у моєму випадку це російська):

Встановлюватимуться вони досить довго, вільно встигнете тоді попити каву. або ще чимось зайнятися)

Після встановлення всіх необхідних бібліотек у треї (правий нижній кут, де годинник) з'явиться значок Open Server у вигляді червоного прапорця, натискаємо на нього та вибираємо запустити.

Якщо вийде віконце: Оповіщення системи безпеки Windows, ставимо обидві галочки на проти пунктів Приватні та Громадські мережі та натискаємо на кнопку «Дозволити доступ».

Після цього сервер має успішно запуститися і червоний прапорець у треї має позеленіти, натискаємо на нього і вибираємо "Мої сайти" - "localhost".

Відкриється сторінка в браузері, якою буде написано привітання.

Вітаю із успішним запуском Open Server.

Налаштування Open Server

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

Перед вами відкриється вікно налаштувань, нас в першу чергу цікавить вкладка Модулі, тут я рекомендую виставити потрібні для вас модуля (спираючись на програмне забезпечення хостингу, в моєму випадку хостинг буде бігти, він підтримує останні версії Apach, Ngins, PHP і т.д.). відповідно, останні версії я і вибираю).

У лікарі веб-відключається в налаштуваннях батьківського контролю якщо не помиляюся.

Також Ви можете спробувати відкрити від імені адміністратора командний рядок і виконати команду:

attrib.exe -s -r -h -a C:\Windows\system32\drivers\etc\hosts

2 часта помилка: Не вдалося запустити Apache

Або ще якийсь компонент або просто пише порт (номер порту) зайнятий. Це зазвичай свідчить про те, що у вас даний порт зайнятий будь-якою іншою програмою.

Рішення проблеми:

Якщо у вас запущено Skype, переконайтеся, що він не займає порти 80 і 443, для цього в скайпі зайдіть у вкладку Інструменти -> Налаштування -> З'єднання та приберіть галочку з пункту Використовувати порти 80 і 443.
Якщо не допомогло або порти блокує щось інше. То скачайте, встановіть і запустіть програму Port Explorer (або подібну до неї), після цього перейдіть на вкладку ALL, відсортуйте список процесів у вкладці Local Port, знайдіть процеси, що займають порт який вказаний в логах і завершіть їх. PS цю дію після кожного перезавантаження системи швидше за все доведеться повторювати.

Після цього перезапускаємо Open Server та працюємо!

Якщо це не допомогло, тоді відключайте брандмауер (фаєрвол) і антивірус!

Ну, а якщо й усе перелічене вище не допомагає, то йдіть на оф. форум open-server.ru/forum/шукайте свою проблему, або пишіть розробникам через той же форум, яка у вас конкретно проблема і вам допоможуть її вирішити. Ну чи можете написати про це у коментарях, я постараюся вам допомогти!

У цьому випуску ви знайдете огляд та докладні інструкції щодо встановлення та налаштування сервісної платформи Open Server. Завдяки цій платформі, веб-розробник може в умовах імітації реального сервера налагодити код і плагін, а також провести різні роботи над сайтом.

Призначення Open Server

На сайті розробників говориться, що Open Server (https://open-server.ru/) є портативною серверною платформою та програмним середовищем, створеною спеціально для веб-розробників з урахуванням їх рекомендацій та побажань.

Платформа, що працює під Windows, призначена для налагодження коду до того, як його використовують на реальному проекті, чим неймовірно корисна та зручна для розробників. Це може бути налагодження як коду, так і плагіну, а також оновлення існуючих CMS.

Наприклад, коли мені потрібно перевірити працездатність плагіна, скрипту або оновити CMS, я роблю так:

• роблю свіжий бекап (резервну копію) існуючого проекту та розгортаю його локально;
• оновлюю або виконую певні редагування в коді;
• перевіряю, чи все коректно працює;
• викочую на робочий сайт.

Встановлення платформи

1. Вибираємо відповідну для нас версію OpenServerі завантажуємо пакет тут: https://open-server.ru/download/. Для моєї роботи достатньо пакета Basic (пакети Premium та Ultimate, що включають корисні програми, можна знайти тут: https://open-server.ru/#progs). Якщо ви внесете пожертву, завантаження займе у вас 5 хвилин, якщо ж безкоштовно - більше двох годин

2. Потім запускаємо установку пакета подвійним клацанням. Файл дистрибутива (версія 5.2.5) має такий вигляд:

3. Після запуску розпакування дистрибутива вказуємо диск, який хочемо встановити пакет. Після встановлення на вказаному шляху з'явиться папка Open Server з таким вмістом:

Компоненти складання представлені в 32-бітній та 64-бітній версіях.

Запуск, налаштування та застосування Open Server

1. Щоб запустити програмне середовище, натисніть на потрібну версію 64 або 86 (32-бітна). У треї у вас з'явиться червоний прапорець:

При натисканні на нього відкривається меню:

2. У цьому меню виберіть "Запустити", після чого активуються всі компоненти та інші пункти меню:

У меню зібрано все необхідне для роботи з платформою: список сайтів, посилання на Консоль (зібрані в «Додатково»), інструменти роботи з базами даних, конфігураційні файли.

3. Пункт "Налаштування" дозволяє налаштувати платформу під ваші потреби. Найцікавішим для мене є пункт Модулі:

Як бачите, тут можна вибрати конфігурацію вашого сервера: Apache, Nginx, PHP, MySQL. Таким чином можна імітувати реальний сервер, на якому надалі житиме ваш сайт та/або скрипт.

Щоб почати працювати з кодом, потрібно:

• створити домен у папці OpenServer/domains, наприклад, test.local;
• прямо в корені цієї папки створити файл із розширенням.php;
• перезапустити Open Server;
• знайти та відкрити свій test.local у підменю «Мої сайти».

Сайт буде запущений у браузері, який встановлено за замовчуванням.

До речі, за умовчанням у папці OpenServer/domains є папка Localhost з файлом index.php, і якщо у браузері прописати https://localhost/, ви побачите таку сторінку:

Це і є вміст index.php. Ви можете використовувати цю папку для роботи зі своїми сайтами та скриптами. Але коли у вас кілька проектів (сайтів), то, звісно, ​​під кожен із них краще створювати за папкою-доменом.

• розгорнути чистий дистрибутив будь-якої CMS;
• написати свій скрипт і налагодити його;
• розгорнути бекап сайту, оновити на ньому CMS до останньої версії та/або поставити плагіни та перевірити, щоб вони не конфліктували між собою;
• приміряти новий шаблон або написати свій - загалом, все, що душі завгодно.

Єдине, що такий сайт ви не зможете показати нікому, просто скинувши на нього посилання. Але ваш тестовий сайт завжди можна перенести на реальний домен/сервер або скинути на флешку і передати, наприклад, вашому колезі або принести його з роботи додому.

Більш детальна інформація щодо встановлення, компонентів та роботи з Open Server представлена ​​на офіційному сайті .
Я в свою чергу хочу подякувати всім тим, хто працював над створенням цього чудового інструменту. А всім читачам нашого блогу бажаю успіху, можливо, перших кроків до веб-розробки.

Є питання? Пишіть у коментарях під цією статтею!

Підписатися на розсилку

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

Ті, хто розумніше обережніший, розуміють, що перш, ніж лізти немитими лапами в живий організм, потрібно потренуватися на якомусь імітаторі. Професійні розробники сайтів користуються ними давно та успішно. Досить довго найпопулярнішим був 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 незмірно багатшими можливостями. Там же в меню є документація, де все докладно розказано. Я ж хотів тільки показати простий шлях до самовдосконалення та здобуття практичних навичок роботи. Адже поганий той, який не мріє стати вебмайстром!