Če ustvarjate spletno stran, jo boste verjetno želeli preizkusiti, preden jo postavite na internet, da se prepričate, da deluje pravilno.

V idealnem primeru bi morali preizkusiti svoje spletno mesto na istem spletnem strežniku, na katerem bo delovalo, ko boste začeli delovati. To vam omogoča, da ste prepričani, da se bo vaše spletno mesto v proizvodnji obnašalo enako kot lokalno. Na srečo je večino spletnih strežnikov enostavno namestiti in uporabljati v lokalnem računalniku.

V računalniku z operacijskim sistemom Windows lahko uporabljate internetne informacijske storitve (IIS). IIS je brezplačen z operacijskim sistemom Windows, zato ga morate le omogočiti in konfigurirati za ogled vašega spletnega mesta.

Kaj so internetne informacijske storitve?

IIS je spletni strežnik, ki ga lahko uporabite za gostovanje statičnih ali dinamičnih spletnih mest. A spletni strežnik deluje tako strežba vsebine – kot so HTML, JavaScript ali medijske datoteke – uporabnikovemu brskalniku kot odgovor na zahtevo.

instagram viewer

Nekatera ogrodja, kot je Angular, že imajo osnovne vgrajene spletne strežnike. Ti bodo služili vašemu spletnemu mestu za predogled in lokalno testiranje z uporabo domene localhost. Vendar pa obstaja nekaj scenarijev, ko morate sami nastaviti popoln spletni strežnik.

En primer tega je ob objavi prizora iz projekta Unity. Če poskusite odpreti datoteko index.html neposredno v brskalniku, brez zagnanega spletnega strežnika, se vam verjetno prikaže napaka. V tem primeru lahko svoje datoteke Unity WebGL shranite v IIS in jih zaženete na strežniku.

Kako omogočiti IIS

Omogočite IIS z uporabo Vklop in izklop funkcij sistema Windows meni v sistemu Windows.

  1. Išči Vklop in izklop funkcij sistema Windows z uporabo iskalne vrstice:
  2. Izberite Internetne informacijske storitve možnost:
  3. Razširi Internetne informacijske storitvein izberite vse podfunkcije, ki jih potrebujete:
  4. Kliknite v reduin počakajte, da Windows uveljavi nove spremembe. Če se boste v prihodnosti odločili odstraniti ali spremeniti katero koli funkcijo, vas bo Windows morda pozval, da znova zaženete računalnik, preden jo uporabite.
  5. Poiščite aplikacijo IIS, ki bo zdaj na voljo za odpiranje v vašem računalniku z operacijskim sistemom Windows:
  6. Odprite IIS za ogled konzole IIS:

Kako ustvariti preprosto testno spletno mesto

Ustvarite preprosto statično spletno mesto z uporabo HTML in CSS.

  1. Ustvari novo datoteko z imenom index.html. V datoteko dodajte naslednjo vsebino:
    <!DOCTYPE html>
    <html lang="en-nas">
    <glavo>
    <naslov> Preprosto testno spletno mesto </title>
    <meta vsebina="besedilo/html; charset=utf-8" />
    <povezava rel="slogovna tabela" href="styles.css">
    <povezava rel="slogovna tabela" 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>
    <razred div="nav">
    <nav class="navbar navbar-inverse nav">
    <razred div="navbar-header">
    <razred="blagovna znamka navbar" href="#"> Spletna stran </a>
    </div>
    <ul razred="nav navbar-nav">
    <razred li="aktivna"><a href="#"> domov </a></li>
    <li><a href="#"> O </a></li>
    <li><a href="#"> Kontakt </a></li>
    </ul>
    </nav>
    </div>
    <razred div="posoda">
    <h1> To je testno spletno mesto </h1>
    </div>
    </body>
    </html>
  2. Ustvari novo datoteko CSS, imenovano styles.css. Datoteki dodajte naslednji slog.
    * {
    družina pisav: sans-serif;
    }
    .nav {
    mejni polmer: 0px !pomembno;
    barva: bela;
    }
    

    .link {
    margin-desno: 10px;
    velikost pisave: 12pt;
    }
    

    .blagovna znamka {
    rob-levo: 20px;
    margin-desno: 40px;
    velikost pisave: 18pt;
    }
    .posoda {
    poravnava besedila: center;
    oblazinjenje: 40px 20px;
    }
  3. Ustvarite novo mapo v C:\inetpub\wwwroot imenik v vašem računalniku, imenovan MyTestWebsite. Ta mapa se uporablja posebej za shranjevanje spletnih strani in druge vsebine, ki sestavlja vaše spletno mesto.
  4. Kopirajte ali premaknite index.html in styles.css datoteke v novo MyTestWebsite mapo.

Kako dodati in konfigurirati svoje spletno mesto z uporabo IIS

Če želite svoje spletno mesto gostiti z IIS, ustvarite novo spletno mesto in ga usmerite na svojo vsebino.

  1. V levi stranski vrstici konzole IIS z desno miškino tipko kliknite Spletna mesta imenik.
  2. Med možnostmi v meniju izberite Dodaj spletno stran, da odprete konfiguracijsko okno:
  3. Dodajte ime v Ime spletnega mesta, kot je "Moje testno spletno mesto". IIS bo samodejno izpolnil polje za skupino aplikacij.
  4. Dodajte fizično pot, to je mesto, kjer ste v računalniku shranili datoteke svojega spletnega mesta. Kliknite na tri pike, da izberete mapo. V meniju se pomaknite do MyTestWebsite mapo, pod C:\inetpub\wwwroot imenik.
  5. Izberite https kot Vrsta. Privzeto Pristanišče za HTTPS je 443, vendar lahko vrata spremenite v druga, če so ta trenutno v uporabi.
  6. Konfigurirate lahko tudi ime gostitelja, vendar pustite to polje za zdaj prazno.
  7. Za SSL potrdilo, izberite IIS Express razvojni certifikat.
  8. Izberite Takoj zaženite spletno stran, in kliknite na v redu.
  9. Označite novo Moje testno spletno mesto imenik v levem stolpcu.
  10. Kliknite na Napredne nastavitve, ki je na seznamu možnosti na desni strani plošče.
  11. V razdelku Vedenje spremenite Omogočeni protokoli možnost "https" in kliknite v redu.
  12. Če želite kadar koli urediti te podrobnosti, lahko kliknete na Osnovne nastavitve oz Napredne nastavitve možnosti v desnem meniju.

Kako zaustaviti, zagnati ali znova zagnati spletno stran na spletnem strežniku

Če želite zagnati spletni strežnik in si ogledati svojo spletno stran, kliknite možnost Prebrskaj v desnem meniju. Prav tako lahko kadar koli znova zaženete ali zaustavite spletni strežnik.

  1. Za zagon spletnega strežnika kliknite na Prebrskaj *:443 (https) v desnem meniju.
  2. Vaše spletno mesto bi moralo zdaj delovati na spletnem strežniku. Do njega lahko dostopate preko URL-ja https://localhost/. Če prejmete opozorilo, da povezava z vašim spletnim mestom ni varna, vas morda boste morali uporabiti drugo veljavno potrdilo SSL. Lahko najdete dobro Microsoftovo dokumentacijo o tem, kako lahko ustvarite novo potrdilo SSL in ga uporabite v IIS.
  3. Če želite zaustaviti ali znova zagnati spletni strežnik, kliknite na Stop oz Ponovni zagon na desnem meniju.

Gostovanje spletnega mesta z uporabo IIS

Lokalno testiranje je pomemben del vsakega razvojnega cikla, tudi ko gradite spletno mesto.

Svoje spletno mesto lahko gostite lokalno s spletnim strežnikom Internet Information Services (IIS). Uporabite ga lahko za gostovanje katerega koli statičnega spletnega mesta (kot je standardno spletno mesto HTML ali CSS) ali dinamično spletno mesto (kot je spletno mesto ASP.NET).

Pri spletnem gostovanju spletnega mesta lahko izbirate med različnimi možnostmi. Če gostite preprosto spletno mesto, lahko svoje datoteke spletnega mesta shranite v Dropbox, Google Drive ali One Drive, preden jih gostite.