Когато разработвате свой собствен уебсайт, трябва да имате способността да наблюдавате и оценявате как може да изглежда уебсайтът от гледна точка на средния посетител.
Понякога е достатъчно просто да щракнете и прегледате вашите 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 стартиране
За да проверите дали уеб сървърът работи, отворете браузър и отворете „ 127.0.0.1 ” или „ localhost ”.
![Как да настроите локален уеб сървър (локален уеб сървър) на Windows, macOS и Linux Как да настроите локален уеб сървър (локален уеб сървър) на Windows, macOS и Linux]()
Разбира се, можете също да промените съдържанието на уебсайта, като просто отидете до основната директория по същия начин, както правите в Linux. Единственото нещо, което е различно, е местоположението на пътя.
cd /Library/WebServer/Documents/
Сега редактирайте файла „index.html.en“, като използвате вашия локален текстов редактор. Променете " Работи! " на " Здравей свят! ".
sudo nano index.html.en![Как да настроите локален уеб сървър (локален уеб сървър) на Windows, macOS и Linux Как да настроите локален уеб сървър (локален уеб сървър) на Windows, macOS и Linux]()
Моля, обновете уебсайта на 127.0.0.1 . Ще видите, че екранът показва фразата „ Здравей свят! “ вместо „ Работи! " по старому.
![Как да настроите локален уеб сървър (локален уеб сървър) на 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).
Изтеглете Windows версията на XAMPP и стартирайте инсталацията. Изпълнете инсталатора, когато бъдете подканени. Може просто да изберете 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]()
За да създадете нов уебсайт, процесът е същият като по-горе. Отворете Notepad и създайте примерен HTML файл. Наречете го „ hello.html “.
![Как да настроите локален уеб сървър (локален уеб сървър) на Windows, macOS и Linux Как да настроите локален уеб сървър (локален уеб сървър) на Windows, macOS и Linux]()
Запазете файла в главната папка на документа, намираща се в “ c:\xampp\htdocs\ ”.
Отидете до него, като отворите уеб браузър и посетите 127.0.0.1/hello.html . Ще можете да видите уебсайта, който сте създали.
![Как да настроите локален уеб сървър (локален уеб сървър) на Windows, macOS и Linux Как да настроите локален уеб сървър (локален уеб сървър) на Windows, macOS и Linux]()