Pokud vytváříte webové stránky, pravděpodobně je budete chtít otestovat, než je budete hostovat na internetu, abyste se ujistili, že fungují správně.

V ideálním případě byste měli své stránky otestovat na stejném webovém serveru, na kterém poběží při spuštění. To vám umožní mít jistotu, že se váš web bude chovat v produkci stejně, jako se chová lokálně. Naštěstí se většina webových serverů snadno instaluje a používá na vašem místním počítači.

Na počítači se systémem Windows můžete používat Internetovou informační službu (IIS). Služba IIS se dodává zdarma se systémem Windows, takže vše, co musíte udělat, je povolit a nakonfigurovat ji, abyste mohli prohlížet svůj web.

Co jsou internetové informační služby?

IIS je webový server, který můžete použít k hostování statických nebo dynamických webů. A webový server funguje poskytování obsahu – jako je HTML, JavaScript nebo mediální soubory – do prohlížeče uživatele v reakci na požadavek.

Některé rámce, jako je Angular, již mají základní vestavěné webové servery. Ty budou sloužit vašemu webu k náhledu a testování lokálně pomocí domény localhost. Existují však některé scénáře, kdy si musíte sami nastavit plnohodnotný webový server.

Jedním z příkladů je zveřejnění scény z projektu Unity. Pokud se pokusíte otevřít soubor index.html přímo ve vašem prohlížeči, bez spuštěného webového serveru, pravděpodobně se zobrazí chyba. V tomto případě můžete uložit své soubory Unity WebGL ve službě IIS a spustit je na serveru.

Jak povolit IIS

Povolte službu IIS pomocí Zapněte a vypněte funkce systému Windows menu ve Windows.

  1. Hledat Zapněte a vypněte funkce systému Windows pomocí vyhledávacího pole:
  2. Vybrat Internetové informační služby volba:
  3. Rozšířit Internetové informační službya vyberte všechny požadované dílčí funkce:
  4. Klikněte OKa počkejte, až systém Windows použije nové změny. Pokud se v budoucnu rozhodnete některé funkce odebrat nebo změnit, může vás systém Windows před jejich použitím požádat o restartování počítače.
  5. Vyhledejte aplikaci IIS, kterou nyní bude možné otevřít na počítači se systémem Windows:
  6. Otevřete IIS a zobrazte konzolu IIS:

Jak vytvořit jednoduchý testovací web

Vytvořte jednoduchý statický web pomocí HTML a CSS.

  1. Vytvořte nový soubor s názvem index.html. Přidejte do souboru následující obsah:
    <!DOCTYPE html>
    <html jazyk="en-us">
    <hlava>
    <titul> Jednoduchý testovací web </title>
    <meta obsah ="text/html; charset=utf-8" />
    <odkaz rel="šablona stylů" href="styly.css">
    <odkaz rel="šablona stylů" 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>
    <tělo>
    <třída div="nav">
    <třída navigace="navbar navbar-inverse nav">
    <třída div="navbar-header">
    <třída ="navbar-značka" href="#"> webová stránka </A>
    </div>
    <ul třída="nav navbar-nav">
    <li třída="aktivní"><a href="#"> Domov </A></li>
    <li><a href="#"> O </A></li>
    <li><a href="#"> Kontakt </A></li>
    </ul>
    </nav>
    </div>
    <třída div="kontejner">
    <h1> Toto je testovací web </h1>
    </div>
    </body>
    </html>
  2. Vytvořte nový soubor CSS s názvem styly.css. Přidejte do souboru následující styl.
    * {
    rodina písem: sans-serif;
    }
    .nav {
    hraniční poloměr: 0px !Důležité;
    barva: bílý;
    }
    

    .odkaz {
    okraj-pravý: 10px;
    velikost písma: 12pt;
    }
    

    .značka {
    okraj-levý: 20px;
    okraj-pravý: 40px;
    velikost písma: 18pt;
    }
    .kontejner {
    zarovnání textu: centrum;
    vycpávka: 40px 20px;
    }
  3. Vytvořte novou složku v C:\inetpub\wwwroot adresář na vašem počítači, tzv MůjTestWebsite. Tato složka se používá speciálně pro ukládání webových stránek a dalšího obsahu, který tvoří váš web.
  4. Zkopírujte nebo přesuňte index.html a styly.css soubory do nového MůjTestWebsite složku.

Jak přidat a nakonfigurovat svůj web pomocí IIS

Chcete-li hostovat svůj web pomocí IIS, vytvořte nový web a nasměrujte jej na svůj obsah.

  1. V levém postranním panelu konzoly IIS klikněte pravým tlačítkem na Weby adresář.
  2. Z možností v nabídce vyberte Přidat web, otevřete konfigurační okno:
  3. Přidejte jméno k Jméno stránky, například „Můj testovací web“. Služba IIS automaticky vyplní pole pro fond aplikací.
  4. Přidejte fyzickou cestu, což je umístění, kam jste v počítači uložili soubory svých webových stránek. Kliknutím na tři tečky vyberte složku. Z nabídky přejděte na MůjTestWebsite složky, pod C:\inetpub\wwwroot adresář.
  5. Vyberte https jako Typ. Výchozí Přístav pro HTTPS je 443, ale můžete změnit port na něco jiného, ​​pokud se aktuálně používá.
  6. Můžete také nakonfigurovat název hostitele, ale toto zatím ponechte prázdné.
  7. Pro SSL certifikát, vyberte Certifikát vývoje IIS Express.
  8. Vybrat Spusťte web okamžitěa klikněte na OK.
  9. Zvýrazněte nové Můj testovací web adresář v levém sloupci.
  10. Klikněte na Pokročilé nastavení, který je v seznamu možností na pravé straně panelu.
  11. V části Chování změňte Povolené protokoly možnost "https" a klikněte na OK.
  12. Pokud budete chtít tyto údaje kdykoli upravit, můžete kliknout na Základní nastavení nebo Pokročilé nastavení možnosti v nabídce vpravo.

Jak zastavit, spustit nebo restartovat svůj web na webovém serveru

Chcete-li spustit webový server a zobrazit svůj web, klikněte na možnost Procházet v nabídce vpravo. Webový server můžete také kdykoli restartovat nebo zastavit.

  1. Chcete-li spustit webový server, klikněte na Procházet *:443 (https) v pravém menu.
  2. Váš web by nyní měl běžet na webovém serveru. Můžete se k němu dostat přes URL https://localhost/. Pokud se zobrazí varování, že připojení k vašemu webu není zabezpečené, vy možná budete muset použít jiný platný certifikát SSL. Můžete najít dobré dokumentaci od společnosti Microsoft o tom, jak můžete vytvořit nový certifikát SSL a používat jej ve službě IIS.
  3. Chcete-li webový server zastavit nebo restartovat, klikněte na Stop nebo Restartujte v nabídce vpravo.

Hostování webových stránek pomocí IIS

Místní testování je důležitou součástí každého vývojového cyklu, včetně toho, když vytváříte web.

Svůj web můžete hostovat lokálně pomocí webového serveru Internet Information Services (IIS). Můžete jej použít k hostování libovolného statického webu (jako je standardní web HTML nebo CSS) nebo dynamického webu (jako je web ASP.NET).

Při online hostování svých webových stránek si můžete vybrat z různých možností. Pokud hostujete jednoduchý web, můžete soubory webu před hostováním uložit na Dropbox, Disk Google nebo One Drive.