Якщо ви не хочете відкривати доступ до сайту на етапі розробки, скористайтесь локальним сервером. За допомогою спеціального програмного забезпечення ви зможете розгорнути ресурс на своєму комп’ютері і працювати з ним. Потім сайт можна перенести на сервер хостинг-провайдера. Покрокове керівництво по установці популярних локальних серверів нижче.
Що таке локальний сервер і коли він потрібен
Мова йде про програму або набір програм, які імітують роботу реальних серверів хостинг-провайдерів. Локальний сервер забезпечує доступ до ресурсу через браузери. Набір програм і скриптів перетворює інформацію баз даних MySQL і мов програмування типу Perl і PHP, HTML і CSS-код, що «розуміють» веб-оглядачі.
За допомогою локального сервера ви можете готувати сайт до публічного доступу. На етапі розробки ресурс бачите тільки ви і ваші колеги. Це позбавляє живих відвідувачів і пошукових роботів від взаємодії з незаповненим і недопрацьованим сайтом. А ви можете перевірити працездатність ресурсу, освоїти адміністративну консоль і виконати інші необхідні дії в безпечних умовах.
У число найбільш популярних програмних рішень входять Open Server, Denwer, XAMPP, Desktop Server та інші. Нижче ви знайдете керівництва по роботі з самими затребуваними локальними серверами. Але спочатку приділіть увагу підготовці ПК.
Як підготувати комп’ютер до роботи з локальним сервером
Щоб запустити локальний сервер на ПК, доведеться змінити настройки деяких програм чи операційної системи. Для роботи серверів потрібно звільнити порт 80, який на більшості машин зайнятий тим чи іншим процесом.
У першу чергу спробуйте змінити налаштування Skype. Відкрийте меню Skype «Інструменти – Налаштування – Додатково – З’єднання». Приберіть прапорець навпроти опції «Використовувати порти 80 і 443 для додаткових вхідних з’єднань». Збережіть зміни і перезапустіть програму».
Якщо зміна налаштувань Skype не допомагає, скоріше за все необхідно змінювати налаштування операційної системи. Порт 80 часто займає служба Internet Information Services (IIS). Щоб переконатися в цьому, введіть у командному рядку команду netstat -aon | findstr 0.0:80. Якщо порт 80 дійсно займає системний процес, в діалоговому вікні в останньому стовпці ви побачите значення «4».
Щоб відключити IIS, в панелі управління виберіть меню «Програми та компоненти – Включення і відключення компонентів Windows». Зніміть прапорець навпроти опції «Служби інтернету» і збережіть зміни. Може знадобитися перезавантаження системи.
Якщо зміна налаштувань системи не допомогло, вимкніть брандмауер. Деякі мережеві екрани блокують порт 80. Якщо цей крок також не допоміг, скачайте і запустіть надбудову для Windows TCP View. Програма не вимагає установки. З її допомогою ви побачите список активних процесів і використовуваних портів. Знайдіть процес, який займає порт 80, і відключіть пов’язану з ним програму на час роботи з локальним сервером.
Коли порт 80 звільнений, приступайте до установки локального сервера.
Desktop Server: простий спосіб запустити сайт на WordPress локально
Якщо ви створюєте сайт на WordPress, скористайтесь Desktop Server. Скачайте дистрибутив з офіційного сайту проекту. Розпакуйте архів і запустити інсталятор.
Активуйте Desktop Server і скористайтеся меню Create New development site. За замовчуванням інсталяційний пакет містить застарілу версію CMS WordPress. Ви можете завантажити і завантажити в папку Xampplite – Blueprints на диску C дистрибутив актуальної версії WordPress.
Виберіть підходящий дистрибутив з допомогою випадаючого меню, вкажіть назву експериментального сайту і натисніть кнопку Create.
Перейдіть по посиланню, запропонованою програмою, для завершення установки WordPress.
Виберіть бажану мову. Вкажіть назву сайту, ім’я користувача, Email і пароль.
Браузер відобразить сторінку вітання. Щоб увійти в адміністративну консоль, введіть створений на попередньому кроці пароль.
Скористайтеся керівництвом для новачків, щоб налаштувати сайт і перевірити його працездатність. Наприклад, ви можете встановити і налаштувати тему, користуватися додатковими плагінами, додати коди відстеження сервісів веб-аналітики. Сайт на локальному сервері має таку ж функціональність, як ресурс на сервері хостинг-провайдера.
Як запустити сайт на Open Server
Особливість Open Server — можливість працювати без встановлення на комп’ютер. Ви можете запускати сервер з USB-накопичувача.
Скачайте дистрибутив з офіційного сайту проекту. Open Server можна використовувати безкоштовно. Розробники пропонують зробити пожертву на розвиток проекту. Без платежу швидкість завантаження дистрибутива сильно обмежена. Скачувати повний пакет доведеться кілька годин.
Активуйте інсталятор і вкажіть шлях для розпакування архіву. За замовчуванням програма пропонує встановлення на жорсткий диск, але ви можете змінити параметри.
Запустіть виконуваний файл у папці Open Server і виберіть мову.
Якщо все зроблено вірно, в треї з’явиться червоний прапорець. Натисніть на нього, щоб почати роботу з сервером.
Введіть в адресний рядок браузера адресу http://localhost/. Ви побачите сторінку вітання.
Тепер встановіть на локальний сервер обрану CMS. Для цього створіть нову папку в розділі Domains. Розпакуйте в неї архів з дистрибутивом движка.
Перезапустіть Open Server за допомогою меню в треї.
Введіть в адресному рядку браузера URL експериментального сайту. Ви потрапите в меню установки CMS.
Для продовження інсталяції необхідно створити базу даних. Через меню управління Open Server увійдіть в панель управління phpMyAdmin. Для доступу до сервера введіть ім’я користувача root, а в полі «Пароль» залиште порожнім.
В панелі керування phpMyAdmin виберіть вкладку «Бази даних» і створіть БД експериментального сайту.
В меню установки WordPress вкажіть назву БД і ім’я користувача. Завершіть встановлення: вкажіть назву сайту, ім’я користувача, пароль, електронну адресу адміністратора.
Тепер ви можете працювати з сайтом на локальному сервері.
Після закінчення розробки перенесіть його на сервер хостинг-провайдера.
Як працювати з локальним сервером Denwer
Denwer залишається дуже популярним серед веб-майстрів і професійних розробників, хоча багато фахівців називають це ПО застарілим. Тим не менш, його можливостей достатньо для запуску і налаштування популярних сайтів на CMS.
Скачайте дистрибутив з сайту проекту. Закрийте браузери і запустіть інсталятор. Використовуйте підказки у діалоговому вікні інсталятора. Після завершення установки браузер відкриє вікно привітання. Запустити програму можна за допомогою ярлика на робочому столі Start Denwer.
В адресний рядок браузера введіть URL http://localhost/denwer/. Ви потрапите на стартову сторінку локального сервера Denwer.
Щоб встановити CMS на локальний сервер «Денвер», створіть новий розділ з назвою сайту в папці WebServers – Home. У розділі створіть ще одну папку з ім’ям www. Розпакуйте в неї архів з дистрибутивом движка.
Створіть базу даних експериментального сайту в розділі управління phpMyAdmin. Для цього введіть в адресний рядок браузера адресу http://localhost/tools/phpMyAdmin/.
Перезапустіть локальний сервер з допомогою ярлика Restart Denwer на робочому столі. Встановіть WordPress. Для цього в адресному рядку браузера наберіть адресу експериментального сайту.
Після закінчення розробки перенесіть сайт з локального сервера на сервер хостинг-провайдера.
Зверніть увагу на особливості видалення локального сервера з ПК. Щоб видалити «Денвер», виконайте такі дії:
- Зупиніть сервер з допомогою ярлика Stop Denwer на робочому столі.
- У командному рядку введіть команду subst z: /d. Це необхідно для видалення віртуального диску Z, який створюється при установці ЗА «Денвер». Якщо ви замість значення за замовчуванням Z використовували інша назва віртуального диска, вкажіть це у команді.
- Видаліть папку WebServers з диска C.
- Видаліть ярлики управління локальним сервером з робочого столу.
Ви повністю видалили «Денвер» з ПК.
Як створити сайт на локальному сервері Xampp
Xampp — популярний програмний комплекс для створення локального сервера Apache. Щоб установити, скачайте дистрибутив і запустіть інсталятор. Під час установки залиште налаштування за замовчуванням. При необхідності змініть шлях установки.
У папці Xampp активуйте контрольну панель: запустіть додаток xampp-control. На панелі запустіть сервер Apache і базу даних.
Введіть в адресний рядок браузера URL http://localhost. Якщо Xampp працює коректно, ви потрапите на сторінку вітання.
Створіть базу даних експериментального сайту. Для цього введіть в адресний рядок браузера URL http://localhost/phpmyadmin/. На вкладці «Бази даних» вкажіть назву БД і натисніть кнопку «Створити».
Встановіть на локальний сервер WordPress. Скачайте дистрибутив з офіційного сайту і розархівуйте його в папку xampp – htdocs. Вкажіть URL тестового сайту в якості назви папки з файлами движка.
Щоб завершити установку CMS, введіть в адресний рядок браузера URL http://localhost/folder-name. Замість значення folder-name вкажіть назву папки з файлами CMS.
Завершіть встановлення і перевірте працездатність сайту.
Як користуватися локальним сервером Winginx
Winginx — локальний сервер, за допомогою якого можна швидко створити сайт на своєму комп’ютері. Скачайте дистрибутив і запустіть програму-інсталятор. Після установки натисніть на іконку Winginx в треї і включіть компоненти програми.
Перейдіть по посиланню «Робоче середовище Winginx», щоб викликати панель управління програмою. Створіть новий проект і вкажіть адресу експериментального сайту.
Перейдіть в панель керування phpMyAdmin за допомогою меню «Менеджери баз даних – phpMyAdmin». Створіть базу даних експериментального сайту.
Відкрийте папку сайту за допомогою відповідного меню в панелі управління Winginx.
Розархівуйте дистрибутив обраної CMS в каталог public_html.
Введіть в адресний рядок браузера адресу wp-admin/install.php та встановіть движок на сервер.
Зверніть увагу на зручний планувальник завдань в панелі управління Winginx. З його допомогою можна планувати роботу над сайтом, контролювати виконання завдань і враховувати робочий час.
Як перенести діючий сайт на локальний сервер
Якщо ви хочете змінити існуючий сайт без ризику втратити дані або порушити його працездатність, перенесіть ресурс на локальний сервер. Якщо ви використовуєте WordPress, дійте так:
- Запустіть локальний сервер і встановіть на нього WordPress.
- Встановіть на локальному сайті дизайн-шаблон, який ви використовуєте на реальному ресурсі.
- Встановіть на діючий сайт активувати плагін Duplicator.
- В адміністративній консолі виберіть меню «Duplicator – Пакети». Натисніть кнопку «Створити».
- Скачайте створені пакети на жорсткий диск комп’ютера. Перенесіть їх в кореневий каталог ресурсу на локальному сервері.
- Введіть в адресний рядок браузера шлях до файлу installer.php на тестовому ресурсі. Ви потрапите на сторінку установки бази даних.
- Видаліть з кореневої директорії тестового ресурсу файли install.php і wp-config.php.
- Вкажіть ім’я користувача і назву бази даних експериментального сайту. Відзначте, що ви прочитали технічне попередження і запустіть установку копії ресурсу на локальний сервер. Запустіть установку.
Після завершення установки перевірте працездатність сайту на локальному сервері. Ви побачите точну копію чинного ресурсу з усіма публікаціями і налаштуваннями.
Ви можете перенести сайт з сервера хостинг-провайдера на експериментальний ресурс на локальному сервері без допомоги плагінів. Для цього можна скористатися функцією «Експорт» в адміністративній консолі.
За допомогою функції «Імпорт» можна завантажити отриманий файл на локальний сервер.
Що робити, якщо ви не використовуєте WordPress? Ось універсальний спосіб перенесення ресурсів. В панелі керування phpMyAdmin виберіть базу даних експериментального сайту. Вкажіть звичайний спосіб експорту, при якому відображаються всі налаштування. Виберіть метод стиснення gzip. Не міняйте інші налаштування. Запустіть експорт БД.
Браузер завантажить на жорсткий диск ПК файл з розширенням sql.gz. Його необхідно імпортувати на сервер хостинг-провайдера. Для цього в панелі управління сервером, виберіть меню «Бази даних – phpMyAdmin».
На вкладці «Імпорт» завантажити файл з базою даних.
Описаними способами сайти можна переносити з локального сервера на сервер хостера і в зворотному напрямку. Також для створення копії ресурсу і подальшого перенесення ви можете скористатися інструментами резервного копіювання бази даних, наприклад, плагіном для WP WordPress Database Backup або аналогами для інших движків. Якщо ви використовуєте WordPress і локальним сервером Desktop Server, перенести локальний сайт можна за допомогою плагіна Desktop Server for WordPress.
Який локальний сервер вибрати
Для рядового користувача підійде будь-який з описаних варіантів. Робота з запропонованим дозволяє встановити сайт на локальну машину, налаштувати, протестувати і перенести ресурс на сервер хостинг-провайдера.
Якщо ви користуєтеся CMS WordPress, зверніть увагу на Desktop Server. Встановлення та налаштування цієї програми займають менше часу порівняно з іншими продуктами. Завдяки плагіну для WordPress ви прискорите перенесення готового сайту на сервер хостера. Якщо ви працюєте з іншими CMS, використовуйте будь-який з запропонованих локальних серверів. Наприклад, з Winginx ви зможете запустити сайт і контролювати розробку з допомогою зручного планувальника в панелі управління програмою.
Чи можна обійтися без локального сервера? Звичайно. Якщо ви створюєте сайт з простою структурою або блог, при цьому використовуєте стандартний движок і дизайн-шаблон, ресурс можна відразу запускати на відкритому сервері. Але ви повинні точно знати, що зможете швидко забезпечити мінімальну безпеку, інформаційну цінність ресурсу, а також його відповідність технічним вимогам пошукових систем.