Розробляючи власний веб-сайт, ви повинні мати можливість спостерігати та оцінювати, як веб-сайт може виглядати з точки зору середнього відвідувача.
Іноді достатньо просто клацнути та переглянути файли HTML у веб-браузері. Але якщо ви хочете перевірити динамічний вміст, вам потрібно буде налаштувати локальний веб-сервер.
Це досить просто, і ви можете легко зробити це самостійно, незалежно від того, використовуєте ви ПК з Windows, macOS або Linux. Доступно багато типів веб-серверів, але в цій статті ми будемо використовувати Apache, оскільки це найпопулярніший сервер, який дуже легко налаштувати та має добру сумісність з усіма популярними комп’ютерними операційними системами.
Налаштуйте локальний веб-сервер у Linux
Apache розроблено для Unix-подібних операційних систем. Linux належить до цієї категорії, і встановити та налаштувати веб-сервер Apache можна дуже просто.
Робота передбачає обробку командного рядка. Більшість популярних сьогодні дистрибутивів Linux дозволяють інсталювати Apache без компіляції з джерела за допомогою лише однієї простої команди.
Для Debian, Ubuntu і дистрибутивів на основі Ubuntu:
sudo apt встановити apache2
Для Red Hat і CentOS:
sudo dnf встановити httpd
Після завершення встановлення відкрийте веб-браузер і перейдіть до « 127.0.0.1 » або « localhost ». Якщо на екрані відображається « Це працює! », це означає, що інсталяція Apache пройшла успішно.

Щоб краще зрозуміти, як Apache обробляє цей сайт, давайте відредагуємо його. Спочатку перейдіть до кореневого веб-каталогу локального комп’ютера Linux.
cd /var/www/html
Відкрийте « index.html » як кореневий каталог за допомогою текстового редактора в системі.
Знайдіть фразу « Це працює !» і змініть його на довільний текст, як-от « Make Tech Easier! », а потім збережіть файл.
Тепер оновіть веб-сайт за адресою 127.0.0.1 . Ви побачите екран із фразою « Make Tech Easier! » замість « It Works! "раніше.
Тепер ви успішно налаштували простий веб-сервер. Деяке налаштування параметрів конфігурації можна виконати в “ apache2.conf ”.
sudo nano /etc/apache2/apache2.conf
Примітка. Кожного разу, коли ви редагуєте конфігурацію, вам потрібно буде перезапустити Apache, щоб застосувати будь-які зміни.
sudo systemctl apache2 перезапустити
Якщо це не спрацює, ви можете перезавантажити, запустивши безпосередньо файл завантаження.
sudo /etc/init.d/apache2 перезапустити
Налаштуйте локальний веб-сервер у macOS
Хороша новина полягає в тому, що Apache тепер встановлено на macOS за замовчуванням. Тому все, що вам потрібно зробити, це просто увімкнути його.
У Finder перейдіть до « Програми -> Службові програми », а потім двічі клацніть «Термінал» .
Щоб увімкнути попередньо встановлений веб-сервер Apache, виконайте таку команду:
sudo apachectl start
Щоб перевірити, чи працює веб-сервер, відкрийте браузер і перейдіть до « 127.0.0.1 » або « localhost ».
![Як налаштувати локальний веб-сервер (локальний веб-сервер) у Windows, macOS і Linux Як налаштувати локальний веб-сервер (локальний веб-сервер) у Windows, macOS і Linux]()
Звичайно, ви також можете змінити вміст веб-сайту, просто перейшовши до кореневого каталогу так само, як це робите в Linux. Єдине, що відрізняється, це розташування шляху.
cd /Library/WebServer/Documents/
Тепер відредагуйте файл “index.html.en” за допомогою локального текстового редактора. Змініть « Це працює! » на « Hello World! ».
sudo nano index.html.en![Як налаштувати локальний веб-сервер (локальний веб-сервер) у Windows, macOS і Linux Як налаштувати локальний веб-сервер (локальний веб-сервер) у Windows, macOS і Linux]()
Будь ласка, оновіть веб-сайт за адресою 127.0.0.1 . Ви побачите, що на екрані з’явиться фраза « Hello World! » замість « It Works! " як і раніше.
![Як налаштувати локальний веб-сервер (локальний веб-сервер) у Windows, macOS і Linux Як налаштувати локальний веб-сервер (локальний веб-сервер) у Windows, macOS і Linux]()
Щоб далі налаштувати веб-сервер Apache у macOS, перейдіть до файлу « httpd.conf ».
sudo nano /etc/apache2/httpd.conf
Як і в Linux, ви можете легко перезапустити службу Apache за допомогою команди apachectl з правами root.
sudo apachectl перезапустити
Налаштуйте локальний веб-сервер у Windows
На відміну від Linux і macOS, Windows не базується на Unix, тому встановлення локального веб-сервера буде дещо іншим.
На щастя, є кілька інсталяторів, які об’єднують такі речі, як Apache, MySQL і PHP, щоб полегшити роботу. Одним з них є XAMPP.
( Примітка : XAMPP також доступний для Linux і Mac OS X).
Завантажте версію XAMPP для Windows і почніть установку. Запустіть програму встановлення, коли буде запропоновано. Ви можете просто вибрати Apache, якщо вам потрібен лише веб-сервер. Однак, якщо ви плануєте використовувати базу даних, ви також можете вибрати MySQL.
![Як налаштувати локальний веб-сервер (локальний веб-сервер) у Windows, macOS і Linux Як налаштувати локальний веб-сервер (локальний веб-сервер) у Windows, macOS і Linux]()
Продовжте інсталяцію та натисніть « Готово », коли досягнете останнього кроку. За замовчуванням буде запущено панель керування XAMPP.
![Як налаштувати локальний веб-сервер (локальний веб-сервер) у Windows, macOS і Linux Як налаштувати локальний веб-сервер (локальний веб-сервер) у Windows, macOS і Linux]()
Натисніть « Пуск » для Apache та MySQL, якщо необхідно.
Якщо ви перейдете до « 127.0.0.1 » або « localhost » у веб-переглядачі, ви побачите сторінку конфігурації XAMPP.
![Як налаштувати локальний веб-сервер (локальний веб-сервер) у Windows, macOS і Linux Як налаштувати локальний веб-сервер (локальний веб-сервер) у Windows, macOS і Linux]()
Щоб створити новий веб-сайт, процес такий самий, як і вище. Відкрийте блокнот і створіть зразок файлу HTML. Назвіть його « hello.html ».
![Як налаштувати локальний веб-сервер (локальний веб-сервер) у Windows, macOS і Linux Як налаштувати локальний веб-сервер (локальний веб-сервер) у Windows, macOS і Linux]()
Збережіть файл у кореневій папці документа, розташованій у « c:\xampp\htdocs\ ».
Перейдіть до нього, відкривши веб-переглядач і відвідавши 127.0.0.1/hello.html . Ви зможете переглядати створений вами веб-сайт.
![Як налаштувати локальний веб-сервер (локальний веб-сервер) у Windows, macOS і Linux Як налаштувати локальний веб-сервер (локальний веб-сервер) у Windows, macOS і Linux]()