Kun kehität omaa verkkosivustoasi, sinulla on oltava kyky tarkkailla ja arvioida, miltä verkkosivusto voisi näyttää keskivertovierailijan näkökulmasta.
Joskus pelkkä HTML-tiedostojen napsauttaminen ja katselu verkkoselaimessa riittää. Mutta jos haluat testata dynaamista sisältöä, sinun on määritettävä paikallinen verkkopalvelin.
Tämä on melko yksinkertaista, ja voit tehdä sen helposti itse riippumatta siitä, käytätkö Windows-, macOS- tai Linux-tietokonetta. Saatavilla on monenlaisia web-palvelimia, mutta tässä artikkelissa käytämme Apachea, koska se on suosituin palvelin, erittäin helppo asentaa ja se on hyvin yhteensopiva kaikkien suosittujen tietokoneiden käyttöjärjestelmien kanssa.
Aseta paikallinen verkkopalvelin Linuxille
Apache on suunniteltu Unix-tyyppisille käyttöjärjestelmille. Linux kuuluu tähän kategoriaan ja Apache-verkkopalvelimen asennus ja konfigurointi voidaan tehdä hyvin yksinkertaisesti.
Työ sisältää komentorivikäsittelyn. Nykyään suosituimpien Linux-jakelujen avulla voit asentaa Apachen kääntämättä sitä lähdekoodista yhdellä yksinkertaisella komennolla.
Debian-, Ubuntu- ja Ubuntu-pohjaiset jakelut:
sudo apt install apache2
Red Hat ja CentOS:
sudo dnf asennus httpd
Kun asennus on valmis, avaa verkkoselain ja siirry kohtaan " 127.0.0.1 " tai " localhost ". Jos näytössä näkyy " Se toimii! ", Apache-asennus onnistui.

Ymmärtääksemme paremmin, kuinka Apache käsittelee tätä tiettyä sivustoa, muokataan sitä. Siirry ensin paikallisen Linux-tietokoneesi web-juurihakemistoon.
cd /var/www/html
Avaa " index.html " juurihakemistoksi järjestelmän tekstieditorilla.
Hae ilmausta " Se toimii !" ja muuta se satunnaiseksi tekstiksi, kuten " Tee tekniikasta helpompaa! ", ja tallenna sitten tiedosto.
Päivitä nyt verkkosivusto osoitteeseen 127.0.0.1 . Näet ruudun, jossa näkyy lause " Tee tekniikasta helpompaa! " sen sijaan, että " Se toimii! "aiemmin.
Nyt olet onnistuneesti määrittänyt yksinkertaisen verkkopalvelimen. Jotkin kokoonpanoasetusten mukautukset voidaan tehdä " apache2.conf " -tiedostossa.
sudo nano /etc/apache2/apache2.conf
Huomautus: Aina kun teet muutoksia kokoonpanoon, sinun on käynnistettävä Apache uudelleen, jotta muutokset otetaan käyttöön.
sudo systemctl apache2 käynnistyy uudelleen
Jos tämä ei auta, voit käynnistää uudelleen suorittamalla käynnistystiedoston suoraan.
sudo /etc/init.d/apache2 käynnistyy uudelleen
Määritä paikallinen verkkopalvelin macOS:ssä
Hyvä uutinen on, että Apache on nyt asennettu macOS:ään oletuksena. Joten sinun tarvitsee vain kytkeä se päälle.
Siirry Finderissa kohtaan Sovellukset -> Apuohjelmat ja kaksoisnapsauta sitten Pääte .
Ota esiasennettu Apache-verkkopalvelin käyttöön suorittamalla seuraava komento:
sudo apachectl start
Tarkistaaksesi, onko verkkopalvelin käynnissä, avaa selain ja siirry kohtaan " 127.0.0.1 " tai " localhost ".
![Paikallisen verkkopalvelimen (paikallinen Web-palvelin) määrittäminen Windowsissa, macOS:ssä ja Linuxissa Paikallisen verkkopalvelimen (paikallinen Web-palvelin) määrittäminen Windowsissa, macOS:ssä ja Linuxissa]()
Tietenkin voit myös muuttaa verkkosivuston sisältöä siirtymällä juurihakemistoon samalla tavalla kuin Linuxissa. Ainoa asia, joka eroaa, on polun sijainti.
cd /Kirjasto/WebServer/Documents/
Muokkaa nyt "index.html.en" -tiedostoa paikallisella tekstieditorilla. Muuta " Se toimii! " -tekstiksi " Hei maailma! ".
sudo nano index.html.en![Paikallisen verkkopalvelimen (paikallinen Web-palvelin) määrittäminen Windowsissa, macOS:ssä ja Linuxissa Paikallisen verkkopalvelimen (paikallinen Web-palvelin) määrittäminen Windowsissa, macOS:ssä ja Linuxissa]()
Päivitä verkkosivusto osoitteessa 127.0.0.1 . Näet näytöllä lauseen " Hei maailma! " sen sijaan, että " Se toimii! " kuten ennen.
![Paikallisen verkkopalvelimen (paikallinen Web-palvelin) määrittäminen Windowsissa, macOS:ssä ja Linuxissa Paikallisen verkkopalvelimen (paikallinen Web-palvelin) määrittäminen Windowsissa, macOS:ssä ja Linuxissa]()
Jos haluat määrittää Apache-verkkopalvelimen edelleen macOS:ssä, siirry " httpd.conf " -tiedostoon.
sudo nano /etc/apache2/httpd.conf
Kuten Linux, voit helposti käynnistää Apache-palvelun uudelleen käyttämällä apachectl-komentoa pääkäyttäjän oikeuksin.
sudo apachectl uudelleenkäynnistys
Määritä paikallinen verkkopalvelin Windowsissa
Toisin kuin Linux ja macOS, Windows ei perustu Unixiin, joten paikallisen verkkopalvelimen asentaminen on hieman erilaista.
Onneksi on olemassa useita asentajia, jotka yhdistävät asioita, kuten Apache, MySQL ja PHP, työn helpottamiseksi. Yksi niistä on XAMPP.
( Huomaa : XAMPP on saatavana myös Linuxille ja Mac OS X:lle).
Lataa XAMPP:n Windows-versio ja aloita asennus. Suorita asennusohjelma pyydettäessä. Voit valita vain Apachen, jos tarvitset vain verkkopalvelimen. Jos kuitenkin aiot käyttää tietokantaa, voit valita myös MySQL:n.
![Paikallisen verkkopalvelimen (paikallinen Web-palvelin) määrittäminen Windowsissa, macOS:ssä ja Linuxissa Paikallisen verkkopalvelimen (paikallinen Web-palvelin) määrittäminen Windowsissa, macOS:ssä ja Linuxissa]()
Jatka asennusta ja napsauta " Valmis ", kun saavut viimeiseen vaiheeseen. Oletuksena XAMPP-ohjauspaneeli käynnistetään.
![Paikallisen verkkopalvelimen (paikallinen Web-palvelin) määrittäminen Windowsissa, macOS:ssä ja Linuxissa Paikallisen verkkopalvelimen (paikallinen Web-palvelin) määrittäminen Windowsissa, macOS:ssä ja Linuxissa]()
Napsauta " Käynnistä " Apachelle ja MySQL:lle tarvittaessa.
Jos siirryt verkkoselaimessa kohtaan " 127.0.0.1 " tai " localhost ", näet XAMPP-määrityssivun.
![Paikallisen verkkopalvelimen (paikallinen Web-palvelin) määrittäminen Windowsissa, macOS:ssä ja Linuxissa Paikallisen verkkopalvelimen (paikallinen Web-palvelin) määrittäminen Windowsissa, macOS:ssä ja Linuxissa]()
Uuden verkkosivuston luominen on sama kuin yllä. Avaa Muistio ja luo malli-HTML-tiedosto. Nimeä se " helo.html ".
![Paikallisen verkkopalvelimen (paikallinen Web-palvelin) määrittäminen Windowsissa, macOS:ssä ja Linuxissa Paikallisen verkkopalvelimen (paikallinen Web-palvelin) määrittäminen Windowsissa, macOS:ssä ja Linuxissa]()
Tallenna tiedosto asiakirjan juurikansioon, joka sijaitsee " c:\xampp\htdocs\ ".
Siirry siihen avaamalla verkkoselain ja siirtymällä osoitteeseen 127.0.0.1/hello.html . Voit tarkastella luomaasi verkkosivustoa.
![Paikallisen verkkopalvelimen (paikallinen Web-palvelin) määrittäminen Windowsissa, macOS:ssä ja Linuxissa Paikallisen verkkopalvelimen (paikallinen Web-palvelin) määrittäminen Windowsissa, macOS:ssä ja Linuxissa]()