Kui loote veebisaiti, siis tõenäoliselt soovite seda enne Internetis hostimist testida, et veenduda, et see töötab korralikult.

Ideaalis peaksite oma saiti testima samas veebiserveris, kus see töötab ka siis, kui avaldate. See võimaldab teil olla kindel, et teie sait käitub tootmises samamoodi nagu kohapeal. Õnneks on enamikku veebiservereid lihtne kohalikus arvutis installida ja kasutada.

Windowsi arvutis saate kasutada teenust Internet Information Services (IIS). IIS on Windowsiga tasuta, seega peate selle oma veebisaidi vaatamiseks lubama ja konfigureerima.

Mis on Interneti teabeteenused?

IIS on veebiserver, mida saate kasutada staatiliste või dünaamiliste veebisaitide majutamiseks. A veebiserver töötab sisu (nt HTML, JavaScript või meediumifailid) edastamine kasutaja brauserisse vastuseks päringule.

Mõnel raamistikul, näiteks Angularil, on juba põhilised sisseehitatud veebiserverid. Need teenindavad teie veebisaiti kohaliku hosti domeeni abil kohaliku eelvaate kuvamiseks ja testimiseks. Siiski on mõned stsenaariumid, kus peate ise seadistama täieliku veebiserveri.

instagram viewer

Üks näide sellest on Unity projekti stseeni avaldamine. Tõenäoliselt saate veateate, kui proovite avada faili index.html otse brauseris ilma veebiserverita. Sel juhul võite salvestada oma Unity WebGL-failid IIS-i ja käivitada need serveris.

Kuidas IIS-i lubada

Lubage IIS, kasutades Lülitage Windowsi funktsioonid sisse ja välja menüü Windowsis.

  1. Otsima Lülitage Windowsi funktsioonid sisse ja välja kasutades otsinguriba:
  2. Valige Interneti teabeteenused valik:
  3. Laienda Interneti teabeteenusedja valige kõik vajalikud alamfunktsioonid:
  4. Klõpsake Okeija oodake, kuni Windows rakendab uued muudatused. Kui otsustate tulevikus mõne funktsiooni eemaldada või muuta, võib Windows paluda teil enne nende rakendamist arvuti taaskäivitada.
  5. Otsige IIS-i rakendust, mis on nüüd teie Windowsi arvutis avamiseks saadaval:
  6. IIS-i konsooli vaatamiseks avage IIS:

Kuidas luua lihtsat testveebisaiti

Looge HTML-i ja CSS-i abil lihtne staatiline veebisait.

  1. Looge uus fail nimega index.html. Lisage failile järgmine sisu:
    <!DOCTYPE html>
    <html lang="en-us">
    <pea>
    <pealkiri> Lihtne testveebisait </title>
    <meta sisu="tekst/html; charset=utf-8" />
    <link rel="stiilileht" href="stiilid.css">
    <link rel="stiilileht" 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>
    <keha>
    <div klass="nav">
    <nav class="navbar navbar-inverse nav">
    <div klass="navbar-päis">
    <klass ="navbar-bränd" href="#"> Veebisait </a>
    </div>
    <ul klass="nav navbar-nav">
    <li klass="aktiivne"><a href="#"> Kodu </a></li>
    <li><a href="#"> Umbes </a></li>
    <li><a href="#"> Võtke ühendust </a></li>
    </ul>
    </nav>
    </div>
    <div klass="konteiner">
    <h1> See on testveebisait </h1>
    </div>
    </body>
    </html>
  2. Looge uus CSS-fail nimega stiilid.css. Lisage failile järgmine stiil.
    * {
    font-perekond: sans-serif;
    }
    .nav {
    piiriraadius: 0px !oluline;
    värvi: valge;
    }
    

    .link {
    margin-parem: 10px;
    fondi suurus: 12pt;
    }
    

    .bränd {
    margin-vasak: 20px;
    margin-parem: 40px;
    fondi suurus: 18pt;
    }
    .konteiner {
    teksti joondamine: Keskus;
    polsterdus: 40px 20px;
    }
  3. Looge kaustas uus kaust C:\inetpub\wwwroot kataloogi, mida nimetatakse MinuTesti veebisait. Seda kausta kasutatakse spetsiaalselt teie veebisaidi moodustavate veebilehtede ja muu sisu salvestamiseks.
  4. Kopeerige või teisaldage index.html ja stiilid.css failid uude MinuTesti veebisait kausta.

Kuidas lisada ja konfigureerida oma veebisaiti IIS-i abil

Oma veebisaidi majutamiseks IIS-i abil looge uus veebisait ja suunake see oma sisule.

  1. Paremklõpsake IIS-i konsooli vasakpoolsel külgribal saidid kataloog.
  2. Valige menüüs olevate valikute hulgast Lisa veebisait, konfiguratsiooniakna avamiseks:
  3. Lisage sellele nimi Saidi nimi, näiteks "Minu testveebisait". IIS täidab automaatselt rakenduste kogumi välja.
  4. Lisage füüsiline tee, mis on koht, kuhu olete oma veebisaidi failid arvutisse salvestanud. Kausta valimiseks klõpsake kolmel punktil. Liikuge menüüst valikule MinuTesti veebisait kausta all C:\inetpub\wwwroot kataloog.
  5. Valige https kui Tüüp. Vaikimisi Port HTTPS-i jaoks on 443, kuid saate pordi muuta millekski muuks, kui see on praegu kasutusel.
  6. Saate seadistada ka hostinime, kuid jätke see praegu tühjaks.
  7. Jaoks SSL-sertifikaat, valige IIS Expressi arendussertifikaat.
  8. Valige Käivitage veebisait koheja klõpsake nuppu Okei.
  9. Tõstke esile uus Minu testi veebisait kataloogi vasakpoolses veerus.
  10. Kliki Täpsemad seaded, mis asub paneeli paremas servas olevate valikute loendis.
  11. Muutke jaotises Käitumine valikut Lubatud protokollid valikule "https" ja klõpsake nuppu Okei.
  12. Kui soovite neid üksikasju mis tahes ajahetkel muuta, klõpsake nuppu Põhiseaded või Täpsemad seaded valikud parempoolses menüüs.

Kuidas peatada, käivitada või taaskäivitada oma veebisait veebiserveris

Veebiserveri käivitamiseks ja veebisaidi vaatamiseks klõpsake parempoolses menüüs suvandil Sirvi. Samuti saate veebiserveri igal ajal taaskäivitada või peatada.

  1. Veebiserveri käivitamiseks klõpsake nuppu Sirvi *:443 (https) parempoolses menüüs.
  2. Teie veebisait peaks nüüd veebiserveris töötama. Sellele pääsete juurde URL-i kaudu https://localhost/. Kui saate hoiatuse, et teie saidi ühendus pole turvaline, siis võib tekkida vajadus kasutada teist kehtivat SSL-sertifikaati. Võite leida head dokumentatsioon Microsoftilt kuidas saate luua uue SSL-sertifikaadi ja kasutada seda IIS-is.
  3. Veebiserveri peatamiseks või taaskäivitamiseks klõpsake nuppu Peatus või Taaskäivita parempoolses menüüs.

Veebisaidi hostimine IIS-i abil

Kohalik testimine on iga arendustsükli oluline osa, sealhulgas veebisaidi loomisel.

Saate oma veebisaiti kohapeal majutada, kasutades Interneti-teabeteenuste (IIS) veebiserverit. Saate seda kasutada mis tahes staatilise veebisaidi (nt tavaline HTML- või CSS-sait) või dünaamilise veebisaidi (nt ASP.NET-sait) majutamiseks.

Veebisaidi hostimisel saate valida erinevate valikute vahel. Kui hostite lihtsat veebisaiti, võite enne nende hostimist salvestada oma veebisaidi failid Dropboxi, Google Drive'i või One Drive'i.