Як запустити сайт на локальному компютері

234

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

Як запустити сайт на локальному компютері

Що таке локальний сервер і коли він потрібен

Мова йде про програму або набір програм, які імітують роботу реальних серверів хостинг-провайдерів. Локальний сервер забезпечує доступ до ресурсу через браузери. Набір програм і скриптів перетворює інформацію баз даних MySQL і мов програмування типу Perl і PHP, HTML і CSS-код, що «розуміють» веб-оглядачі.

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

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

У число найбільш популярних програмних рішень входять 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 за допомогою меню в треї.

Як запустити сайт на локальному компютері
Читайте також: Яку вибрати CMS: керівництво по вибору «движка» для сайту

Введіть в адресному рядку браузера 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.

Як запустити сайт на локальному компютері

Завершіть встановлення і перевірте працездатність сайту.

Як запустити сайт на локальному компютері
Читайте також: Як користуватися конструкторами сайтів, або Стануть хмарні платформи альтернативою CMS

Як користуватися локальним сервером Winginx

Winginx — локальний сервер, за допомогою якого можна швидко створити сайт на своєму комп’ютері. Скачайте дистрибутив і запустіть програму-інсталятор. Після установки натисніть на іконку Winginx в треї і включіть компоненти програми.

Як запустити сайт на локальному компютері

Перейдіть по посиланню «Робоче середовище Winginx», щоб викликати панель управління програмою. Створіть новий проект і вкажіть адресу експериментального сайту.

Як запустити сайт на локальному компютері

Перейдіть в панель керування phpMyAdmin за допомогою меню «Менеджери баз даних – phpMyAdmin». Створіть базу даних експериментального сайту.

Як запустити сайт на локальному компютері

Відкрийте папку сайту за допомогою відповідного меню в панелі управління Winginx.

Як запустити сайт на локальному компютері

Розархівуйте дистрибутив обраної CMS в каталог public_html.

Як запустити сайт на локальному компютері

Введіть в адресний рядок браузера адресу wp-admin/install.php та встановіть движок на сервер.

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

Як запустити сайт на локальному компютері

Як перенести діючий сайт на локальний сервер

Якщо ви хочете змінити існуючий сайт без ризику втратити дані або порушити його працездатність, перенесіть ресурс на локальний сервер. Якщо ви використовуєте WordPress, дійте так:

  • Запустіть локальний сервер і встановіть на нього WordPress.
  • Встановіть на локальному сайті дизайн-шаблон, який ви використовуєте на реальному ресурсі.
  • Встановіть на діючий сайт активувати плагін Duplicator.
  • В адміністративній консолі виберіть меню «Duplicator – Пакети». Натисніть кнопку «Створити».
Як запустити сайт на локальному компютері
  • Скачайте створені пакети на жорсткий диск комп’ютера. Перенесіть їх в кореневий каталог ресурсу на локальному сервері.
Як запустити сайт на локальному компютері
Читайте також: Адаптивна верстка vs. мобільний сайт, або Яка стратегія адаптації до мобільного трафіку виграє в майбутньому?
  • Введіть в адресний рядок браузера шлях до файлу 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 ви зможете запустити сайт і контролювати розробку з допомогою зручного планувальника в панелі управління програмою.

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