Ako izrađujete web mjesto, vjerojatno ćete ga htjeti testirati prije nego što ga postavite na internet kako biste bili sigurni da ispravno radi.

U idealnom slučaju, trebali biste testirati svoju web-lokaciju na istom web-poslužitelju na kojem će se pokrenuti kada počnete raditi. To vam omogućuje da budete sigurni da će se vaša stranica ponašati u proizvodnji na isti način na koji se ponaša lokalno. Srećom, većinu web poslužitelja lako je instalirati i koristiti na vašem lokalnom računalu.

Na računalu sa sustavom Windows možete koristiti Internet Information Services (IIS). IIS dolazi besplatno sa sustavom Windows, tako da sve što trebate učiniti je omogućiti i konfigurirati ga za pregled vaše web stranice.

Što su internetske informacijske usluge?

IIS je web poslužitelj koji možete koristiti za hostiranje statičkih ili dinamičkih web stranica. A web poslužitelj radi po posluživanje sadržaja—kao što su HTML, JavaScript ili medijske datoteke—pregledniku korisnika, kao odgovor na zahtjev.

Neki okviri kao što je Angular već imaju osnovne ugrađene web poslužitelje. Oni će poslužiti vašoj web stranici za lokalni pregled i testiranje, koristeći domenu localhost. Međutim, postoje neki scenariji u kojima morate sami postaviti potpuni web poslužitelj.

instagram viewer

Jedan primjer za to je objavljivanje scene iz Unity projekta. Vjerojatno ćete dobiti poruku o pogrešci ako pokušate otvoriti datoteku index.html izravno u svom pregledniku, bez pokretanja web poslužitelja. U ovom slučaju, možete pohraniti svoje Unity WebGL datoteke u IIS i pokrenuti ih na poslužitelju.

Kako omogućiti IIS

Omogućite IIS pomoću Uključivanje i isključivanje Windows značajki izbornik u sustavu Windows.

  1. Traziti Uključivanje i isključivanje Windows značajki pomoću trake za pretraživanje:
  2. Odaberite Internetske informacijske usluge opcija:
  3. Proširiti Internetske informacijske uslugei odaberite sve podznačajke koje su vam potrebne:
  4. Klik u redui pričekajte da Windows primijeni nove promjene. Ubuduće, ako odlučite ukloniti ili promijeniti bilo koje značajke, Windows će od vas možda tražiti da ponovno pokrenete računalo prije njihove primjene.
  5. Potražite IIS aplikaciju koja će sada biti dostupna za otvaranje na vašem Windows računalu:
  6. Otvorite IIS da vidite IIS konzolu:

Kako stvoriti jednostavnu testnu web stranicu

Napravite jednostavnu statičnu web stranicu koristeći HTML i CSS.

  1. Napravite novu datoteku pod nazivom index.html. Dodajte sljedeći sadržaj u datoteku:
    <!DOCTYPE html>
    <html lang="en-us">
    <glavu>
    <titula> Jednostavna testna web stranica </title>
    <meta sadržaj="tekst/html; skup znakova=utf-8" />
    <veza rel="tablica stilova" href="stilovi.css">
    <veza rel="tablica stilova" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css">
    <skripta src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
    <skripta src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"></script>
    </head>
    <tijelo>
    <div klasa="nav">
    <nav klasa="navbar navbar-inverse nav">
    <div klasa="zaglavlje navigacijske trake">
    <razred="navbar-brand" href="#"> Web stranica </a>
    </div>
    <ul klasa="nav navbar-nav">
    <li klasa="aktivan"><a href="#"> Dom </a></li>
    <li><a href="#"> Oko </a></li>
    <li><a href="#"> Kontakt </a></li>
    </ul>
    </nav>
    </div>
    <div klasa="kontejner">
    <h1> Ovo je testna web stranica </h1>
    </div>
    </body>
    </html>
  2. Stvorite novu CSS datoteku pod nazivom stilovi.css. Dodajte sljedeći stil u datoteku.
    * {
    obitelj-fontova: sans-serif;
    }
    .nav {
    granični radijus: 0px !važno;
    boja: bijela;
    }
    

    .veza {
    margin-desno: 10px;
    veličina fonta: 12točka;
    }
    

    .marka {
    margin-lijevo: 20px;
    margin-desno: 40px;
    veličina fonta: 18točka;
    }
    .kontejner {
    poravnanje teksta: centar;
    padding: 40px 20px;
    }
  3. Stvorite novu mapu u C:\inetpub\wwwroot imenik na vašem računalu, tzv MyTestWebsite. Ova se mapa posebno koristi za pohranjivanje web stranica i drugog sadržaja koji čini vašu web stranicu.
  4. Kopirajte ili premjestite index.html i stilovi.css datoteke u novu MyTestWebsite mapu.

Kako dodati i konfigurirati svoju web stranicu pomoću IIS-a

Da biste svoje web mjesto ugostili pomoću IIS-a, izradite novo web mjesto i usmjerite ga na svoj sadržaj.

  1. Na lijevoj bočnoj traci IIS konzole desnom tipkom miša kliknite na Stranice imenik.
  2. Iz opcija u izborniku odaberite Dodajte web mjesto, za otvaranje konfiguracijskog prozora:
  3. Dodajte naziv u Ime stranice, kao što je "Moja testna web stranica". IIS će automatski ispuniti polje za skup aplikacija.
  4. Dodajte fizički put, što je mjesto na kojem ste pohranili datoteke svoje web stranice na računalu. Pritisnite tri točkice za odabir mape. Iz izbornika idite na MyTestWebsite mapa, ispod C:\inetpub\wwwroot imenik.
  5. Odaberite https kao Tip. Zadana vrijednost Luka za HTTPS je 443, ali možete promijeniti priključak na nešto drugo ako je to trenutno u upotrebi.
  6. Također možete konfigurirati naziv glavnog računala, ali za sada ostavite ovo prazno.
  7. Za SSL certifikat, Odaberi IIS Express razvojni certifikat.
  8. Odaberi Odmah pokrenite web stranicu, i kliknite na u redu.
  9. Istaknite novo Moja testna web stranica imenik u lijevom stupcu.
  10. Kliknite na Napredne postavke, koji se nalazi na popisu opcija na desnoj strani ploče.
  11. U odjeljku Ponašanje promijenite Omogućeni protokoli opciju za "https" i kliknite na u redu.
  12. Ako želite urediti ove detalje u bilo kojem trenutku, možete kliknuti na Osnovne postavke ili Napredne postavke opcije u desnom izborniku.

Kako zaustaviti, pokrenuti ili ponovno pokrenuti svoju web stranicu na web poslužitelju

Da biste pokrenuli svoj web poslužitelj i pregledali svoju web stranicu, kliknite na opciju Pregledaj u desnom izborniku. Također možete ponovno pokrenuti ili zaustaviti web poslužitelj u bilo kojem trenutku.

  1. Za pokretanje vašeg web poslužitelja kliknite na Pregledaj *:443 (https) u desnom izborniku.
  2. Vaša bi web stranica sada trebala biti pokrenuta na web poslužitelju. Možete mu pristupiti putem URL-a https://localhost/. Ako primite upozorenje da veza s web-stranicom nije sigurna, vi možda će morati koristiti drugi valjani SSL certifikat. Možete pronaći dobro Microsoftova dokumentacija o tome kako možete stvoriti novi SSL certifikat i koristiti ga u IIS-u.
  3. Za zaustavljanje ili ponovno pokretanje web poslužitelja kliknite na Stop ili Ponovno pokretanje na desnom izborniku.

Hosting web stranice pomoću IIS-a

Lokalno testiranje važan je dio svakog razvojnog ciklusa, uključujući i izradu web stranice.

Svoju web stranicu možete lokalno ugostiti pomoću web poslužitelja Internet Information Services (IIS). Možete ga koristiti za smještaj bilo koje statične web stranice (kao što je standardna HTML ili CSS stranica) ili dinamičke web stranice (kao što je ASP.NET stranica).

Postoje različite opcije koje možete birati kada hostirate svoje web mjesto na mreži. Ako hostirate jednostavnu web stranicu, možete pohraniti datoteke web stranice na Dropbox, Google Drive ili One Drive prije nego što ih smjestite.