Bij het ontwikkelen van een website moet een webontwerper zijn webpagina's op dezelfde manier kunnen zien als de eindgebruiker. Soms is het voldoende om gewoon op uw HTML-bestanden te klikken en deze in de webbrowser te bekijken, maar als u dynamische inhoud wilt testen, moet u een lokale webserver opzetten. Dit doen is vrij eenvoudig en kan eenvoudig worden uitgevoerd op Windows, Mac en Linux. Er zijn veel soorten webservers beschikbaar, maar we zullen Apache gebruiken omdat het de meest voorkomende server is, heel gemakkelijk in te stellen en compatibel met alle belangrijke besturingssystemen.

Zet een lokale webserver op Linux

Apache is ontworpen voor Unix-achtige besturingssystemen. Linux valt onder deze categorie, en de installatie en configuratie van Apache webserver kan in één stap worden gedaan.

Voor een grafische uitleg kun je deze tutorial volgen. Hier zullen we te maken hebben met commandoregels.

De meest populaire distributies stellen u in staat om Apache te installeren zonder het met een eenvoudige opdracht uit de bron te compileren.

Voor Debian, Ubuntu en Ubuntu-gebaseerde distro:

 sudo apt-get install apache2

Voor Red Hat en CentOS

 sudo yum installeer httpd

Eenmaal geïnstalleerd, navigeert u in uw webbrowser naar "127.0.0.1" of "localhost." Als "It Works!" Wordt weergegeven, betekent dit dat uw Apache-installatie succesvol is.

Om een ​​beter inzicht te krijgen in de manier waarop Apache deze specifieke webpagina weergeeft, kunnen we deze bewerken. Om dit te doen, navigeert u naar de root-webdirectory van uw lokale Linux-machine.

 cd / var / www

Open "index.html" als root met je favoriete teksteditor.

Wijzig "Het werkt!" In "Hallo wereld!" En druk vervolgens op "Ctrl + O" en vervolgens op Enter om op te slaan.

Vernieuw nu de webpagina op 127.0.0.1. Het zou moeten veranderen in "Hallo wereld!"

Nu u een eenvoudige webserver hebt opgezet, kunt u spelen met de configuratie-instellingen in "apache2.conf".

 sudo nano /etc/apache2/apache2.conf

Opmerking : Houd er rekening mee dat telkens wanneer u een configuratiewijziging aanbrengt, u Apache opnieuw moet starten om te kunnen toepassen.

 sudo service apache2 opnieuw opstarten

Als dit niet werkt, kunt u het opnieuw opstarten door het upstart-bestand direct uit te voeren.

 sudo /etc/init.d/apache2 opnieuw opstarten

Stel een lokale webserver in op Mac OS X.

Het goede aan Mac OS X is dat Apache standaard is geïnstalleerd. Het enige dat u hoeft te doen, is hem aanzetten.

Ga in Finder naar "Toepassingen -> Hulpprogramma's".

Dubbelklik vervolgens op Terminal om het te openen.

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

 sudo apachectl start

Om te testen of onze webserver actief is, navigeert u naar "127.0.0.1" of "localhost" in uw webbrowser.

We kunnen de inhoud van de webpagina wijzigen door simpelweg naar de hoofdmap van het document te gaan op dezelfde manier als in Linux. Het enige dat anders is, is de padlocatie.

 cd / Bibliotheek / WebServer / Documenten /

Bewerk nu het bestand "index.html.en" met uw favoriete teksteditor. Verander "Het werkt!" Naar "Hallo wereld!"

 sudo nano index.html.en

Als we onze webpagina die wordt gehost op 127.0.0.1 vernieuwen, zullen we nu de wijzigingen weerspiegeld zien.

Om de Apache-webserver onder MacOS verder te configureren, navigeert u naar het bestand "httpd.conf".

 sudo nano /etc/apache2/httpd.conf

Net als Linux kunt u eenvoudig de Apache-service opnieuw starten met de opdracht apachectl met rootprivileges.

 sudo apachectl opnieuw opstarten

Opmerking : u kunt deze zelfstudie bekijken om het volledige MAMP-pakket te installeren.

Stel een lokale webserver in op Windows

In tegenstelling tot Linux en Mac OS X is Windows niet gebaseerd op Unix, dus er is geen one-liner om het te installeren. Gelukkig zijn er verschillende installatiewizards die dingen zoals Apache, MySQL en PHP samen bundelen om ons leven gemakkelijker te maken. Een van hen is XAMPP.

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

Download de Windows-versie van XAMPP en begin met de installatie. Voer het installatieprogramma uit wanneer daarom wordt gevraagd. U kunt alleen Apache selecteren als u alleen een webserver nodig heeft. Als u echter van plan bent om een ​​database te gebruiken, wilt u misschien ook MySQL selecteren.

Doorloop de installatie en klik op "Voltooien" als je klaar bent. Standaard wordt het XAMPP-configuratiescherm gestart.

Klik indien nodig op "Start" voor Apache en MySQL.

Als je navigeert naar "127.0.0.1" of "localhost" in je webbrowser, zou je de XAMPP-configuratiepagina moeten zien.

Om een ​​nieuwe webpagina te maken, is de procedure hetzelfde. Open kladblok en maak een voorbeeld HTML-bestand. Noem het "hello.html."

Sla het op in de documentwortel in c:\xampp\htdocs\.

Navigeer er nu naar met uw webbrowser door naar "127.0.0.1/hello.html" te gaan.

Conclusie

Apache is een uitstekende oplossing voor het bouwen van zowel eenvoudige als complexe websites, maar het is niet de enige optie. Hoewel Apache goed op alle drie de platforms kan worden geïntegreerd, wilt u wellicht IIS als een optie voor Windows bekijken, omdat het veel Windows-verificatiefuncties ondersteunt die niet door Apache worden gebruikt. Voor het eenvoudig testen van de basisfunctionaliteit van een website is Apache echter perfect.