Ha webhelyet hoz létre, valószínűleg tesztelnie kell, mielőtt az interneten tárolja, hogy megbizonyosodjon arról, hogy megfelelően működik.
Ideális esetben ugyanazon a webszerveren kell tesztelnie webhelyét, amelyen az éles indításkor futni fog. Így biztos lehet benne, hogy webhelye ugyanúgy fog működni az éles környezetben, mint helyileg. Szerencsére a legtöbb webszerver könnyen telepíthető és használható a helyi számítógépen.
Windows PC-n használhatja az Internet Information Services (IIS) szolgáltatást. Az IIS ingyenes a Windows rendszerhez, így mindössze annyit kell tennie, hogy engedélyezi és konfigurálja a webhely megtekintéséhez.
Mi az internetes információs szolgáltatások?
Az IIS egy webszerver, amely statikus vagy dinamikus webhelyek tárolására használható. A webszerver működik tartalmak – például HTML-, JavaScript- vagy médiafájlok – kiszolgálása a felhasználó böngészőjében, válaszul egy kérésre.
Egyes keretrendszerek, például az Angular, már rendelkeznek alapvető beépített webszerverekkel. Ezek a helyi host domain használatával megjelenítik és tesztelik a webhelyet. Vannak azonban olyan forgatókönyvek, amikor saját magának kell beállítania egy teljes körű webszervert.
Ennek egyik példája egy Unity projekt jelenetének közzététele. Valószínűleg hibaüzenetet kap, ha az index.html fájlt közvetlenül a böngészőjében próbálja megnyitni, webszerver nélkül. Ebben az esetben tárolhatja a Unity WebGL fájlokat az IIS-ben, és futtathatja őket a szerveren.
Az IIS engedélyezése
Engedélyezze az IIS-t a Kapcsolja be és ki a Windows szolgáltatásait menü Windows rendszeren.
- Keressen rá Kapcsolja be és ki a Windows szolgáltatásait a keresősáv segítségével:
- Válaszd ki a Internetes információs szolgáltatások választási lehetőség:
- Kiterjed Internetes információs szolgáltatások, és válassza ki az összes szükséges alfunkciót:
- Kattintson rendben, és várja meg, amíg a Windows alkalmazza az új módosításokat. A jövőben, ha úgy dönt, hogy eltávolít vagy módosít egy szolgáltatást, a Windows kérheti, hogy indítsa újra a számítógépet, mielőtt alkalmazná azokat.
- Keresse meg az IIS alkalmazást, amely mostantól megnyitható lesz Windows számítógépén:
- Nyissa meg az IIS-t az IIS-konzol megtekintéséhez:
Egyszerű tesztwebhely létrehozása
Hozzon létre egy egyszerű statikus webhelyet HTML és CSS használatával.
- Hozzon létre egy új fájlt index.html. Adja hozzá a következő tartalmat a fájlhoz:
<!DOCTYPE html>
<html lang="hu-hu">
<fej>
<cím> Egyszerű teszt weboldal </title>
<meta tartalom="szöveg/html; charset=utf-8" />
<link rel="stíluslap" href="stílusok.css">
<link rel="stíluslap" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"></script>
</head>
<test>
<div class="nav">
<nav class="navbar navbar-inverse nav">
<div class="navbar-fejléc">
<egy osztály="navbar-márka" href="#"> Weboldal </a>
</div>
<ul osztály="nav navbar-nav">
<li class="aktív"><a href="#"> itthon </a></li>
<li><a href="#"> Ról ről </a></li>
<li><a href="#"> Kapcsolatba lépni </a></li>
</ul>
</nav>
</div>
<div class="tartály">
<h1> Ez egy tesztwebhely </h1>
</div>
</body>
</html> - Hozzon létre egy új CSS fájlt stílusok.css. Adja hozzá a következő stílust a fájlhoz.
* {
betűtípus család: sans-serif;
}.nav {
határ-sugár: 0px !fontos;
szín: fehér;
}.link {
margó-jobb: 10px;
betűméret: 12pt;
}.márka {
margó-bal: 20px;
margó-jobb: 40px;
betűméret: 18pt;
}.tartály {
szöveg igazítás: központ;
párnázás: 40px 20px;
} - Hozzon létre egy új mappát a C:\inetpub\wwwroot könyvtárat a számítógépén, hívják MyTestWeboldal. Ez a mappa kifejezetten a webhelyet alkotó weboldalak és egyéb tartalmak tárolására szolgál.
- Másolja vagy helyezze át a index.html és stílusok.css fájlokat az újba MyTestWeboldal mappát.
Webhely hozzáadása és konfigurálása az IIS segítségével
Webhelyének IIS használatával történő üzemeltetéséhez hozzon létre egy új webhelyet, és irányítsa a tartalomra.
- Az IIS konzol bal oldali oldalsávjában kattintson jobb gombbal a Webhelyek Könyvtár.
- A menü opciói közül válassza ki a lehetőséget Webhely hozzáadása, a konfigurációs ablak megnyitásához:
- Adjon nevet a Webhely neve, mint például a „Tesztwebhelyem”. Az IIS automatikusan kitölti az Alkalmazáskészlet mezőjét.
- Adja hozzá a fizikai elérési utat, amely az a hely, ahol a webhely fájljait a számítógépen tárolta. Kattintson a három pontra egy mappa kiválasztásához. A menüből navigáljon a MyTestWeboldal mappa alatt, a C:\inetpub\wwwroot Könyvtár.
- Válassza a https-t típus. Az alapértelmezett Kikötő HTTPS esetén 443, de módosíthatja a portot valami másra, ha az jelenleg használatban van.
- Beállíthat egy gazdagépnevet is, de ezt egyelőre hagyja üresen.
- A SSL tanúsítvány, válassza ki IIS Express fejlesztési tanúsítvány.
- Válassza ki Azonnal indítsa el a webhelyet, és kattintson a gombra rendben.
- Emelje ki az újat Teszt webhelyem könyvtárat a bal oldali oszlopban.
- Kattintson További beállítások, amely a panel jobb oldalán található opciók listájában található.
- A Viselkedés részben módosítsa a Engedélyezett protokollok válassza a „https” lehetőséget, majd kattintson a gombra rendben.
- Ha bármikor módosítani szeretné ezeket az adatokat, kattintson a gombra Alapbeállítások vagy További beállítások opciókat a jobb oldali menüben.
Webhely leállítása, elindítása vagy újraindítása a webszerveren
A webszerver elindításához és a webhely megtekintéséhez kattintson a jobb oldali menüben a Tallózás lehetőségre. A webszervert bármikor újraindíthatja vagy leállíthatja.
- A webszerver futtatásához kattintson a gombra Tallózás *:443 (https) a jobb oldali menüben.
- Webhelyének most futnia kell a webszerveren. Az URL-en keresztül érheti el https://localhost/. Ha figyelmeztetést kap arról, hogy a webhely kapcsolata nem biztonságos, Ön előfordulhat, hogy más érvényes SSL-tanúsítványt kell használnia. Találhatsz jót dokumentációt a Microsofttól hogyan hozhat létre új SSL-tanúsítványt és használhatja azt az IIS-ben.
- A webszerver leállításához vagy újraindításához kattintson a gombra Állj meg vagy Újrakezd a jobb oldali menüben.
Webhely üzemeltetése IIS használatával
A helyi tesztelés minden fejlesztési ciklus fontos részét képezi, beleértve a webhely készítését is.
Webhelyét helyben tárolhatja az Internet Information Services (IIS) webszerver használatával. Bármilyen statikus webhely (például szabványos HTML- vagy CSS-webhely) vagy dinamikus webhely (például ASP.NET-webhely) tárolására használható.
Webhelye online tárolásakor számos lehetőség közül választhat. Ha egy egyszerű webhelyet üzemeltet, tárolhatja webhelye fájljait a Dropbox, a Google Drive vagy a One Drive szolgáltatásban, mielőtt tárolja őket.