Az első dolog, amit beállítok egy új számítógépen, egy webszerver, íme az okai.

A legtöbb számítógép saját webszerverrel érkezik, és ha nem, akkor könnyen telepíthető egy. A beállítása kicsit időigényes lehet, de véleményem szerint megéri. Valójában nem tartom késznek a számítógépemet, amíg nem tudok a localhost-ra látogatni egy böngészőben.

Mi az a helyi webszerver?

Minden weboldal mögött egy webkiszolgáló áll. Ez a kifejezés mind szoftverre, mind hardverre utalhat: a program, amely figyeli az URL-kéréseket és dokumentumokat szolgáltat cserébe, valamint arra a számítógépre, amelyen fut.

Ebben a kontextusban a szoftverről beszélek - mint például az Apache vagy az nginx -, amelyet saját asztali számítógépen beállíthatsz. Ez a gép ezután webkiszolgálóként fog működni.

Egy helyi webszerver beállítása nem feltétlenül jelenti azt, hogy nyitva áll az internet számára, hogy bárki a világon megtekintse. Valójában ez ellen javasolnék. Bár egy nyilvános webszervert üzemeltethetsz az otthonodból, ezt valószínűleg csak ideiglenes kísérletként érdemes megtenned, biztonsági és költségszempontok miatt. De egy helyi webszerver, amit csak te láthatsz, már egy másik történet.

Helyi webszerver beállításával a saját fájljaidat megtekintheted egy webböngészőben, jellemzően a http://localhost/ látogatásával. Általában ez egy „üdvözlő” oldalt fog mutatni, bár előfordulhat, hogy a használt operációs rendszertől függően telepítened és be kell állítanod a webböngésződet.

Hogyan lehet telepíteni és konfigurálni egy webszervert

Ha Windows-t használsz, az Internet Information Services már elérhető kell, hogy legyen, csak be kell kapcsolnod. Előfordulhat, hogy ez a webszerver megfelelően működik a céljaidhoz, de ez egy zárt forráskódú termék, és nem annyira elterjedt, mint az Apache.

Az Apache továbbra is a legismertebb és legelérhetőbb webszerver minden operációs rendszeren. Nagyon könnyű telepíteni és elkezdeni használni, bár egy magasan testreszabható programról van szó, és bonyolulttá válhat, ha bármi alapvetőn túl szeretnél kipróbálni. Az Apache alapértelmezetten telepítve van a macOS operációs rendszeren, és lehet, hogy automatikusan fut, anélkül, hogy tudnál róla – csak ellenőrizd a http://localhost/-t, hogy megnézd.

Az Nginx nagyszerű alternatíva, és mint az Apache, ingyenes és nyílt forráskódú. Ha olyan Linux disztribúciót futtatsz, amely már nem tartalmazza az Apache-t, valószínűleg érdemes telepítened az Nginx-et egy kicsit kellemesebb első tapasztalat érdekében.

        sudo apt install nginx

    

Bármilyen web szervert is telepítesz, be kell állítanod egy dokumentumgyökeret. Ez a szervered legfelső szintű könyvtára, és alapértelmezés szerint csak az ezen könyvtár alatti fájlokat tudod megtekinteni a http://localhost címen. Az alapértelmezett Apache hely a macOS-en a /Library/WebServer/Documents, míg a /var/www/html jellemzően a Linuxon található, mind az Apache, mind az nginx esetében. A pontos helyszín disztribúciótól függően változhat.

A dokumentum gyökérének ellenőrzéséhez keresse meg a megfelelő beállítást a webkiszolgáló konfigurációs fájljában. macOS-en Apache esetén ennek a következő helyen kell lennie: /etc/apache2/httpd.conf:

        DocumentRoot "/Library/WebServer/Documents"

    

Linuxon a konfigurációs fájlt a /etc/apache2/sites-enabled/000-default.conf helyen találhatja. Nginx esetén a /etc/nginx/sites-enabled/default helyen kell lennie, és az utasítás valahogy így fog kinézni:

        root /var/www/html;

    

Ha a webhelyet az alapértelmezett helyen szeretnéd beállítani, az rendben van, de én inkább fenntartok egy könyvtárat az otthonomban, és onnan szolgáltatom a fájlokat.

Mire lehet használni?

A helyi webszerver tökéletes a helyi weboldalakhoz, de sokkal többre is képes ennél.

A fájlrendszered egyes részeinek böngészése

Csak egy kis beállítással a webböngésződet egy kicsit úgy használhatod, mint egy fájlkezelőt. Csak olvasási módban lesz, így nem tudod majd használni fájlkezelésre, például átnevezésre vagy törlésre. De navigálni tudsz a mappák között, megtekintheted a bennük található fájlok listáját, és megnyithatod azokat a fájlokat:

Az Apache automatikus indexelő modulja könyvtári indexeket generál, amikor olyan URL-t kérsz, ami egy könyvtárra mutat. Ez egy kicsit úgy működik, mint a ls directory parancs futtatása a parancssorban, bár a kimenete egy kicsit interaktívabb.

Van egy mappám a merevlemezen, amely a legnagyobb részét tartalmazza a munkámnak, írásaimnak, jegyzetpapíroknak, képeknek és hasonlóknak. Ha egy webszervert helyezek elé, bármikor böngészhetem ezeket a fájlokat, amikor webböngészőt használok - ami a legtöbbször így van. Úgy találom, hogy az összes személyes tartalmam azonnali megtekintése sokszor hasznosnak bizonyul.

Az alapértelmezett nézet nagyon régi iskola stílusú, de testreszabhatod a saját CSS-ed és JavaScript-ed segítségével, ha tudod, hogyan. Én beállítottam egy rendszert, ami nekem megfelelő, amely egy kicsit frissíti a dizájnt, és olyan funkciókat ad hozzá, mint az elrejthető oszlopok és egy egyszerű keresőszűrő:

Dokumentáció és súgófájlok olvasása HTML vagy Markdown formátumban

Amikor szoftvert telepítesz, vagy bármilyen fájlgarnitúrát töltesz le, gyakran találsz hasznos dokumentációt. Ez lehet egyszerű szövegformátumban, strukturált formátumban, például Markdown vagy HTML, vagy akár PDF-ben. Bárhogy is legyen, a böngésződ képes kezelni, megjelenítve a dokumentumot anélkül, hogy külön alkalmazást kellene megnyitnod.

A Markdownhoz szeretem a Markdown Viewer bővítményt használni a Chrome-hoz, amely olyan egyszerű, mint ahogy a neve is sugallja. Ez az eszköz vonzó, könnyen olvasható formátumban mutatja be a Markdown dokumentumokat, olyan lehetőségekkel, mint az emoji kezelése, egy tartalomjegyzék és még sok más.

Webfejlesztés és tesztelés

Webfejlesztés során egy helyi webszerver hihetetlenül hasznos. Ahelyett, hogy a fájljaidat egy tesztszerverre töltenéd fel, vagy - ami még rosszabb - csak összekulcsolnád az ujjaidat és élesbe helyeznéd őket, egy helyi szerver lehetővé teszi, hogy folyamatban lévő munkádat nézd, a felesleges bonyodalmak nélkül. Offline is dolgozhatsz, internetkapcsolat nélkül!

Ez vonatkozik a webdesign munkára, az írott tartalmadra, és a bonyolult programozásra is, legyen az ügyféloldali JavaScript vagy egy backend nyelv. Ha az utóbbiakkal dolgozol, konfigurálnod kell a webszerveredet, hogy kezelni tudja, de ez viszonylag egyszerű folyamat.

Önállóan hosztolt webalkalmazások

Sok "saját hosztolt" alkalmazás a helyi webszerver közönségét célozza meg, és a leggyakoribbak közé tartoznak a médiafogyasztási célú alkalmazások, mint például a zenelejátszók vagy a képgalériák. Ez a beállítás sokkal gyorsabb, mint a felhőalapú megoldás, és nem kell sávszélességet költeni nagy fájlok feltöltésére és letöltésére.

A Piwigo egy nyílt forráskódú webalkalmazás fényképek és más médiatartalmak kezelésére. Az önállóan üzemeltetett változatát ingyen használhatja, bár szüksége lesz PHP-ra és MySQL-re, valamint egy webszerverre.

A FreshRSS egy tiszta, könnyű RSS aggregátor. Kipróbálhatja az online bemutatóját, vagy letöltheti és futtathatja az alkalmazást egy PHP-t futtató webszerveren.

JavaScript könyvjelzők könyvtárának megőrzése

Webböngésződ könyvjelzőit használhatod bármely weboldal funkcionalitásának kiterjesztésére, saját JavaScript kód írásával vagy meglévő szkriptek letöltésével. Azonban, ha ezek a szkriptek bonyolultabbá válnak, a könyvjelzők alig tudják kezelni őket.

A folyamat elviselhetőbbé tétele érdekében miért ne hosztálnád ezeket a szkripteket a helyi szervereden, és töltenéd be őket az oldalakra egy böngésző könyvjelzőn keresztül? Ez a beállítás lehetővé teszi, hogy olyan feladatokat végezz, mint például egy oldal helyesírásának ellenőrzése, adatainak kinyerése vagy a stílusának megváltoztatása a nem kívánt elemek elrejtésére.

A saját szerver üzemeltetésének egyes aspektusai kimezőben vannak a divatból, amelyeket a dokker képek vagy felhőalapú szolgáltatások váltanak fel. De a saját webkiszolgáló üzemeltetése könnyen megvalósítható, nagyszerű rendszeradminisztrátori gyakorlatot biztosít, és lehetővé teszi, hogy pontosan irányítsd, mi fut a számítógépeden.