Hoe u een lokale webserver (Local Web Server) opzet op Windows, macOS en Linux

Wanneer u uw eigen website ontwikkelt, moet u de mogelijkheid hebben om te observeren en evalueren hoe de website eruit zou kunnen zien vanuit het perspectief van de gemiddelde bezoeker.

Soms is het voldoende om eenvoudigweg op uw HTML-bestanden te klikken en deze in een webbrowser te bekijken. Maar als u dynamische inhoud wilt testen, moet u een lokale webserver opzetten.

Dit is vrij eenvoudig en u kunt het gemakkelijk zelf doen, of u nu een Windows-, macOS- of Linux-pc gebruikt. Er zijn veel soorten webservers beschikbaar, maar in dit artikel zullen we Apache gebruiken omdat dit de meest populaire server is, zeer eenvoudig in te stellen is en goed compatibel is met alle populaire computerbesturingssystemen.

Zet een lokale webserver op Linux op

Apache is ontworpen voor Unix-achtige besturingssystemen. Linux behoort tot deze categorie en het installeren en configureren van de Apache-webserver kan heel eenvoudig worden gedaan.

De taak omvat opdrachtregelverwerking. Met de meeste populaire Linux-distributies van vandaag kun je Apache installeren zonder het vanuit de broncode te compileren met slechts één eenvoudige opdracht.

Voor Debian, Ubuntu en Ubuntu-gebaseerde distributies:

sudo apt installeer apache2

Voor Red Hat en CentOS:

sudo dnf installeer httpd

Zodra de installatie is voltooid, opent u een webbrowser en navigeert u naar “ 127.0.0.1 ” of “ localhost ”. Als het scherm " It Works! " weergeeft, is uw Apache-installatie succesvol geweest.

Om beter te begrijpen hoe Apache met deze specifieke site omgaat, gaan we deze bewerken. Navigeer eerst naar de webhoofdmap van uw lokale Linux-computer.

cd /var/www/html

Open “ index.html ” als de hoofdmap met behulp van een teksteditor op het systeem.

Zoek naar de zinsnede “ Het werkt !” en verander het in willekeurige tekst, zoals " Make Tech Easier! ", en sla het bestand vervolgens op.

Vernieuw nu de website op adres 127.0.0.1 . U ziet een scherm met de zin " Make Tech Easier! " in plaats van " Het werkt! " vroeger.

Nu hebt u met succes een eenvoudige webserver opgezet. Enige aanpassing van de configuratie-instellingen kan worden gedaan in “ apache2.conf ”.

sudo nano /etc/apache2/apache2.conf

Opmerking: elke keer dat u configuratiewijzigingen aanbrengt, moet u Apache opnieuw opstarten om eventuele wijzigingen toe te passen.

sudo systemctl apache2 opnieuw opstarten

Als dit niet werkt, kunt u opnieuw opstarten door het opstartbestand rechtstreeks uit te voeren.

sudo /etc/init.d/apache2 opnieuw opstarten

Zet een lokale webserver op macOS op

Het goede nieuws is dat Apache nu standaard op macOS is geïnstalleerd. U hoeft het dus alleen maar aan te zetten.

Navigeer in Finder naar ' Toepassingen -> Hulpprogramma's ' en dubbelklik vervolgens op Terminal .

Om de vooraf geïnstalleerde Apache-webserver in te schakelen, voert u de volgende opdracht uit:

sudo apachectl start

Om te controleren of de webserver actief is, opent u een browser en navigeert u naar “ 127.0.0.1 ” of “ localhost ”.

Uiteraard kunt u de inhoud van de website ook wijzigen door eenvoudigweg naar de hoofdmap te navigeren, net zoals u dat onder Linux doet. Het enige dat anders is, is de locatie van het pad.

cd /Bibliotheek/WebServer/Documenten/

Bewerk nu het bestand “index.html.en” met uw lokale teksteditor. Verander " Het werkt! " in " Hallo wereld! ".

sudo nano index.html.en

Vernieuw de website op 127.0.0.1 . U zult zien dat het scherm de zin " Hallo wereld! " weergeeft in plaats van " Het werkt! " zoals eerder.

Om de Apache-webserver in macOS verder te configureren, navigeert u naar het bestand “ httpd.conf ”.

sudo nano /etc/apache2/httpd.conf

Net als Linux kun je de Apache-service eenvoudig opnieuw opstarten met de opdracht apachectl met rootrechten.

sudo apachectl opnieuw opstarten

Zet een lokale webserver op Windows op

In tegenstelling tot Linux en macOS is Windows niet gebaseerd op Unix, dus het installeren van een lokale webserver zal iets anders zijn.

Gelukkig zijn er een aantal installatieprogramma's die zaken als Apache, MySQL en PHP bundelen om het werk eenvoudiger te maken. Eén daarvan is XAMPP.

( Opmerking : XAMPP is ook beschikbaar voor Linux en Mac OS X).

Download de Windows-versie van XAMPP en start de installatie. Voer het installatieprogramma uit wanneer daarom wordt gevraagd. U kunt gewoon voor Apache kiezen als u alleen een webserver nodig heeft. Als u echter van plan bent een database te gebruiken, kunt u ook voor MySQL kiezen.

Ga door met de installatie en klik op “ Voltooien ” wanneer u de laatste stap bereikt. Standaard wordt het XAMPP-configuratiescherm gestart.

Klik indien nodig op “ Start ” voor Apache en MySQL.

Als u in uw webbrowser naar “ 127.0.0.1 ” of “ localhost ” navigeert, ziet u de XAMPP-configuratiepagina.

Om een ​​nieuwe website te maken, is het proces hetzelfde als hierboven. Open Kladblok en maak een voorbeeld-HTML-bestand. Noem het " hallo.html ".

Sla het bestand op in de hoofdmap van het document, gelegen in “ c:\xampp\htdocs\ ”.

Navigeer ernaartoe door een webbrowser te openen en naar 127.0.0.1/hello.html te gaan . U kunt de website bekijken die u heeft gemaakt.