Веб-сервер
Що таке веб-сервер, для чого він фронтенд-розробнику
Ве... що?
Вибір та установка веб-сервера
Створення віртуальних хостів
Після встановлення веб-сервера вам буде дана папка - домашній каталог веб-сервера, localhost'а. Як правило, вона називається htdocs, www, home і т.п.
В такому каталозі ви зможете створити один проект. Якщо вам треба 2, 3, 10, 100 проектів, то не потрібно встановлювати 100 копій веб-сервера, можна налаштувати віртуальний хост на будь-яку папку.
Нехай у нас є проект і ми хочемо відкривати його через веб-сервер:
D:\work\2017-12\wp-minecraft\html\
Потрібно налаштувати веб-сервер, щоб він сприймав папку html як домашній каталог
(не сидіть без діла, створюйте новий проект, закидуйте туди верстку майнкрафта).
Для створення нового віртуального хоста знайдіть папку і файл налаштування вашого веб-сервера apache, приклад для xampp:
... \xampp\apache\conf\httpd.conf
Іноді віртуальні хости прописуються прямо в цьому файлі. Але частіше - є для цього окремий файл. Шукаємо директиву Virtual hosts і перевіряємо, чи наступна строка не закоментована (чи не стоїть ришітка перед нею), має бути ось так:
# Virtual hosts
Include conf/extra/httpd-vhosts.conf
Тепер відкриваємо файл httpd-vhosts.conf:
... \xampp\apache\conf\extra\httpd-vhosts.conf
Тут прописані віртуальні хости, їх вже може бути декілька, або один - localhost. Якщо localhost закоментований - його необхідно створити:
<VirtualHost *:80>
ServerName localhost
DocumentRoot "C:/xampp/htdocs/"
ErrorLog "logs/localhost-error.log"
CustomLog "logs/localhost-access.log" common
<Directory "C:/xampp/htdocs/">
Require all granted
</Directory>
</VirtualHost>
Увага! Перевірте правильність шляхів!
Зробіть відступ в 1-2 пустих строки і добавте новий блок в кінець файла:
<VirtualHost *:80>
ServerName minecraft.local
DocumentRoot "D:/work/2017-12/wp-minecraft/html"
ErrorLog "logs/minecraft.local-error.log"
CustomLog "logs/minecraft.local-access.log" common
<Directory "D:/work/2017-12/wp-minecraft/html">
Require all granted
</Directory>
</VirtualHost>
ServerName - назва сервера, URL.
DocumentRoot - шлях до домашнього каталога проекта.
*Log - шлях до лог-файлів (в даному випадку вони будуть в папці веб-сервера).
Directory - відкриває дозволи на доступ до файлів папки.
Потрібно відредагувати ще один файл:
C:\windows\system32\drivers\etc\hosts
В кінець файла допишіть:
127.0.0.1 minecraft.local
Після збереження файлу можна запускати веб-сервер і тестувати. Якщо веб-сервер був запущений до цього - його треба рестартнути, або зупинити і запустити знову.
Тестуємо. Введіть в браузері URL:
minecraft.local
Має відкритися веб-сторінка з нашою версткою Minecraft.