Ak vytvárate webovú stránku, pravdepodobne ju budete chcieť otestovať pred jej umiestnením na internete, aby ste sa uistili, že funguje správne.
V ideálnom prípade by ste mali svoje stránky otestovať na rovnakom webovom serveri, na ktorom budú spustené pri spustení. To vám umožní mať istotu, že vaša lokalita sa bude správať v produkcii rovnako, ako sa správa lokálne. Našťastie sa väčšina webových serverov ľahko inštaluje a používa na lokálnom počítači.
Na počítači so systémom Windows môžete používať Internet Information Services (IIS). Služba IIS sa dodáva bezplatne so systémom Windows, takže všetko, čo musíte urobiť, je povoliť a nakonfigurovať ju na zobrazenie vašej webovej lokality.
Čo sú internetové informačné služby?
IIS je webový server, ktorý môžete použiť na hosťovanie statických alebo dynamických webových stránok. A webový server funguje poskytovanie obsahu – ako sú HTML, JavaScript alebo mediálne súbory – do prehliadača používateľa ako odpoveď na požiadavku.
Niektoré rámce, ako napríklad Angular, už majú základné vstavané webové servery. Tieto budú slúžiť vašej webovej lokalite na ukážku a testovanie lokálne pomocou domény localhost. Existuje však niekoľko scenárov, v ktorých si musíte sami nastaviť plnohodnotný webový server.
Jedným z príkladov je zverejnenie scény z projektu Unity. Ak sa pokúsite otvoriť súbor index.html priamo vo svojom prehliadači bez spusteného webového servera, pravdepodobne sa zobrazí chyba. V tomto prípade by ste mohli uložiť súbory Unity WebGL v IIS a spustiť ich na serveri.
Ako povoliť IIS
Povoliť IIS pomocou Zapnite a vypnite funkcie systému Windows menu v systéme Windows.
- Hľadať Zapnite a vypnite funkcie systému Windows pomocou vyhľadávacieho panela:
- Vyberte Internetové informačné služby možnosť:
- Rozbaliť Internetové informačné službya vyberte všetky požadované podfunkcie:
- Kliknite OKa počkajte, kým systém Windows použije nové zmeny. Ak sa v budúcnosti rozhodnete odstrániť alebo zmeniť niektoré funkcie, systém Windows vás môže požiadať, aby ste pred ich použitím reštartovali počítač.
- Vyhľadajte aplikáciu IIS, ktorá bude teraz k dispozícii na otvorenie na vašom počítači so systémom Windows:
- Ak chcete zobraziť konzolu IIS, otvorte službu IIS:
Ako vytvoriť jednoduchý testovací web
Vytvorte si jednoduchú statickú webovú stránku pomocou HTML a CSS.
- Vytvorte nový súbor s názvom index.html. Pridajte do súboru nasledujúci obsah:
<!DOCTYPE html>
<html jazyk="en-us">
<hlavu>
<titul> Jednoduchý testovací web </title>
<meta obsah ="text/html; charset=utf-8" />
<odkaz rel="štýlov" href="styles.css">
<odkaz rel="štýlov" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css">
<skript src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
<skript src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"></script>
</head>
<telo>
<trieda div="nav">
<trieda navigácie="navbar navbar-inverse nav">
<trieda div="navbar-header">
<trieda ="navbar-brand" href="#"> webové stránky </a>
</div>
<ul trieda="nav navbar-nav">
<li trieda="aktívny"><a href="#"> Domov </a></li>
<li><a href="#"> O </a></li>
<li><a href="#"> Kontakt </a></li>
</ul>
</nav>
</div>
<trieda div="kontajner">
<h1> Toto je testovacia stránka </h1>
</div>
</body>
</html> - Vytvorte nový súbor CSS s názvom styles.css. Pridajte do súboru nasledujúci štýl.
* {
font-family: sans-serif;
}.nav {
hraničný polomer: 0px !dôležité;
farba: biely;
}.odkaz {
okraj-pravý: 10px;
veľkosť písma: 12pt;
}.značka {
ľavý okraj: 20px;
okraj-pravý: 40px;
veľkosť písma: 18pt;
}.kontajner {
zarovnanie textu: stred;
vypchávka: 40px 20px;
} - Vytvorte nový priečinok v C:\inetpub\wwwroot adresár na vašom počítači, tzv MyTestWebsite. Tento priečinok sa špeciálne používa na ukladanie webových stránok a iného obsahu, ktorý tvorí vašu webovú lokalitu.
- Skopírujte alebo presuňte súbor index.html a styles.css súbory do nového MyTestWebsite priečinok.
Ako pridať a nakonfigurovať svoje webové stránky pomocou IIS
Ak chcete hostiť svoju webovú lokalitu pomocou IIS, vytvorte novú webovú lokalitu a nasmerujte ju na svoj obsah.
- V ľavom bočnom paneli konzoly IIS kliknite pravým tlačidlom myši na Stránky adresár.
- Z možností v ponuke vyberte Pridať webovú stránku, na otvorenie konfiguračného okna:
- Pridajte meno do Názov siete, ako napríklad „Moja testovacia webová lokalita“. IIS automaticky vyplní pole pre oblasť aplikácií.
- Pridajte fyzickú cestu, čo je umiestnenie, kde ste v počítači uložili súbory svojich webových stránok. Kliknutím na tri bodky vyberte priečinok. Z ponuky prejdite na MyTestWebsite priečinok, pod C:\inetpub\wwwroot adresár.
- Vyberte https ako Typ. Predvolená hodnota Port pre HTTPS je 443, ale port môžete zmeniť na iný, ak sa práve používa.
- Môžete tiež nakonfigurovať názov hostiteľa, ale toto nechajte zatiaľ prázdne.
- Pre SSL certifikát, vyberte Vývojový certifikát IIS Express.
- Vyberte Okamžite spustite webovú stránkua kliknite na OK.
- Zvýraznite nové Môj testovací web adresár v ľavom stĺpci.
- Kliknite na Pokročilé nastavenia, ktorý sa nachádza v zozname možností na pravej strane panela.
- V časti Správanie zmeňte Povolené protokoly možnosť "https" a kliknite na OK.
- Ak chcete tieto podrobnosti kedykoľvek upraviť, môžete kliknúť na Základné nastavenia alebo Pokročilé nastavenia možnosti v pravej ponuke.
Ako zastaviť, spustiť alebo reštartovať webovú stránku na webovom serveri
Ak chcete spustiť webový server a zobraziť svoju webovú stránku, kliknite na možnosť Prehľadávať v ponuke vpravo. Webový server môžete tiež kedykoľvek reštartovať alebo zastaviť.
- Ak chcete spustiť webový server, kliknite na Prehliadať *:443 (https) v pravom menu.
- Vaša webová stránka by teraz mala bežať na webovom serveri. Môžete sa k nemu dostať cez URL https://localhost/. Ak dostanete varovanie o tom, že pripojenie k vašej lokalite nie je zabezpečené, vy možno budete musieť použiť iný platný certifikát SSL. Môžete nájsť dobré dokumentáciu od spoločnosti Microsoft o tom, ako môžete vytvoriť nový certifikát SSL a použiť ho v službe IIS.
- Ak chcete zastaviť alebo reštartovať webový server, kliknite na Stop alebo Reštart v ponuke vpravo.
Hostenie webovej stránky pomocou IIS
Miestne testovanie je dôležitou súčasťou každého vývojového cyklu, a to aj pri vytváraní webovej stránky.
Svoju webovú lokalitu môžete hostiť lokálne pomocou webového servera Internet Information Services (IIS). Môžete ho použiť na hosťovanie akejkoľvek statickej webovej stránky (napríklad štandardnej stránky HTML alebo CSS) alebo dynamickej webovej stránky (napríklad stránky ASP.NET).
Existujú rôzne možnosti, z ktorých si môžete vybrať pri hosťovaní svojich webových stránok online. Ak hosťujete jednoduchú webovú stránku, môžete pred ich hosťovaním uložiť súbory svojich webových stránok na Dropbox, Disk Google alebo One Drive.
