Jos olet luomassa verkkosivustoa, haluat todennäköisesti testata sitä ennen sen isännöimistä Internetiin varmistaaksesi, että se toimii oikein.

Ihannetapauksessa sinun pitäisi testata sivustoasi samalla web-palvelimella, jolla se toimii, kun aloitat livenä. Näin voit olla varma, että sivustosi käyttäytyy tuotannossa samalla tavalla kuin paikallisesti. Onneksi useimmat verkkopalvelimet on helppo asentaa ja käyttää paikallisella tietokoneellasi.

Windows-tietokoneessa voit käyttää Internet Information Services (IIS) -palvelua. IIS tulee ilmaiseksi Windowsin mukana, joten sinun tarvitsee vain ottaa se käyttöön ja määrittää se, jotta voit tarkastella verkkosivustoasi.

Mitä ovat Internet-tietopalvelut?

IIS on verkkopalvelin, jota voit käyttää staattisten tai dynaamisten verkkosivustojen isännöimiseen. A web-palvelin toimii tarjota sisältöä – kuten HTML-, JavaScript- tai mediatiedostoja – käyttäjän selaimeen vastauksena pyyntöön.

Joissakin kehyksissä, kuten Angular, on jo sisäänrakennetut perusverkkopalvelimet. Nämä tarjoavat verkkosivustollesi esikatselun ja testauksen paikallisesti käyttämällä localhost-verkkotunnusta. On kuitenkin tilanteita, joissa sinun on määritettävä täysi verkkopalvelin itse.

Yksi esimerkki tästä on Unity-projektin kohtauksen julkaiseminen. Saat todennäköisesti virheilmoituksen, jos yrität avata index.html-tiedoston suoraan selaimessasi ilman, että verkkopalvelin on käynnissä. Tässä tapauksessa voit tallentaa Unity WebGL -tiedostosi IIS: ään ja suorittaa ne palvelimella.

Kuinka ottaa IIS käyttöön

Ota IIS käyttöön käyttämällä Ota Windowsin ominaisuudet käyttöön ja poista se käytöstä valikko Windowsissa.

  1. Etsiä Ota Windowsin ominaisuudet käyttöön ja poista se käytöstä hakupalkin avulla:
  2. Valitse Internet-tietopalvelut vaihtoehto:
  3. Laajentaa Internet-tietopalvelutja valitse kaikki tarvitsemasi aliominaisuudet:
  4. Klikkaus OKja odota, että Windows ottaa uudet muutokset käyttöön. Jos päätät tulevaisuudessa poistaa tai muuttaa ominaisuuksia, Windows saattaa pyytää sinua käynnistämään tietokoneen uudelleen ennen niiden käyttöönottoa.
  5. Etsi IIS-sovellus, joka on nyt avattavissa Windows-tietokoneellasi:
  6. Avaa IIS nähdäksesi IIS-konsolin:

Kuinka luoda yksinkertainen testisivusto

Luo yksinkertainen staattinen verkkosivusto HTML: n ja CSS: n avulla.

  1. Luo uusi tiedosto nimeltä index.html. Lisää tiedostoon seuraava sisältö:
    <!DOCTYPE html>
    <html lang="fi-us">
    <pää>
    <otsikko> Yksinkertainen testisivusto </title>
    <metasisältö="teksti/html; charset=utf-8" />
    <linkki rel="tyylisivu" href="styles.css">
    <linkki rel="tyylisivu" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css">
    <komentosarja src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
    <komentosarja src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"></script>
    </head>
    <kehon>
    <div class="nav">
    <nav class="navbar navbar-inverse nav">
    <div class="navbar-otsikko">
    <luokka ="navbar-brändi" href="#"> Verkkosivusto </a>
    </div>
    <ul luokka ="nav navbar-nav">
    <li luokka ="aktiivinen"><a href="#"> Koti </a></li>
    <li><a href="#"> Noin </a></li>
    <li><a href="#"> Ottaa yhteyttä </a></li>
    </ul>
    </nav>
    </div>
    <div class="kontti">
    <h1> Tämä on testisivusto </h1>
    </div>
    </body>
    </html>
  2. Luo uusi CSS-tiedosto nimeltä styles.css. Lisää tiedostoon seuraava tyyli.
    * {
    font-perhe: sans-serif;
    }
    .nav {
    raja-säde: 0px !tärkeä;
    väri-: valkoinen;
    }
    

    .linkki {
    marginaali-oikea: 10px;
    Fonttikoko: 12pt;
    }
    

    .brändi {
    marginaali vasen: 20px;
    marginaali-oikea: 40px;
    Fonttikoko: 18pt;
    }
    .container {
    tekstin tasaus: keskusta;
    pehmuste: 40px 20px;
    }
  3. Luo uusi kansio C:\inetpub\wwwroot tietokoneesi hakemistoon, nimeltään MyTestWeb-sivusto. Tätä kansiota käytetään erityisesti web-sivujen ja muun verkkosivustosi sisällön tallentamiseen.
  4. Kopioi tai siirrä index.html ja styles.css tiedostot uuteen MyTestWeb-sivusto kansio.

Kuinka lisätä ja määrittää verkkosivustosi IIS: n avulla

Jos haluat isännöidä verkkosivustoasi IIS: n avulla, luo uusi verkkosivusto ja osoita se sisältöösi.

  1. Napsauta hiiren kakkospainikkeella IIS-konsolin vasemmassa sivupalkissa Sivustot hakemistosta.
  2. Valitse valikon vaihtoehdoista Lisää verkkosivusto, avataksesi asetusikkunan:
  3. Lisää nimi kohtaan Sivuston nimi, kuten "Oma testisivustoni". IIS täyttää automaattisesti sovellusvarannon kentän.
  4. Lisää fyysinen polku, joka on paikka, johon olet tallentanut verkkosivustosi tiedostot tietokoneelle. Valitse kansio napsauttamalla kolmea pistettä. Siirry valikosta kohtaan MyTestWeb-sivusto -kansion alla C:\inetpub\wwwroot hakemistosta.
  5. Valitse https Tyyppi. Oletusarvo Portti HTTPS: lle on 443, mutta voit vaihtaa portin johonkin muuhun, jos se on tällä hetkellä käytössä.
  6. Voit myös määrittää isäntänimen, mutta jätä tämä tyhjäksi.
  7. Varten SSL-sertifikaatti, valitse IIS Express -kehityssertifikaatti.
  8. Valitse Aloita verkkosivusto välittömästi, ja napsauta OK.
  9. Korosta uusi Testisivustoni hakemistoon vasemmassa sarakkeessa.
  10. Klikkaa Lisäasetukset, joka on paneelin oikealla puolella olevassa vaihtoehtoluettelossa.
  11. Muuta Käyttäytyminen-osiossa Käytössä olevat protokollat vaihtoehto "https" ja napsauta OK.
  12. Jos haluat muokata näitä tietoja milloin tahansa, voit napsauttaa Perus asetukset tai Lisäasetukset vaihtoehtoja oikeanpuoleisessa valikossa.

Kuinka pysäyttää, käynnistää tai käynnistää uudelleen verkkosivustosi Web-palvelimella

Voit käynnistää verkkopalvelimesi ja tarkastella verkkosivustoasi napsauttamalla oikeanpuoleisen valikon Selaa-vaihtoehtoa. Voit myös käynnistää tai pysäyttää verkkopalvelimen milloin tahansa.

  1. Käynnistä verkkopalvelin napsauttamalla Selaa *:443 (https) oikeanpuoleisessa valikossa.
  2. Verkkosivustosi pitäisi nyt toimia verkkopalvelimella. Pääset siihen URL-osoitteen kautta https://localhost/. Jos saat varoituksen siitä, että sivustosi yhteys ei ole suojattu, sinä saatat joutua käyttämään toista kelvollista SSL-varmennetta. Voit löytää hyvää dokumentaatio Microsoftilta kuinka voit luoda uuden SSL-varmenteen ja käyttää sitä IIS: ssä.
  3. Pysäytä tai käynnistä verkkopalvelin uudelleen napsauttamalla Lopettaa tai Uudelleenkäynnistää oikeanpuoleisessa valikossa.

Verkkosivuston ylläpito IIS: n avulla

Paikallinen testaus on tärkeä osa mitä tahansa kehityssykliä, myös kun rakennat verkkosivustoa.

Voit isännöidä verkkosivustoasi paikallisesti käyttämällä Internet Information Services (IIS) -verkkopalvelinta. Voit käyttää sitä minkä tahansa staattisen verkkosivuston (kuten tavallisen HTML- tai CSS-sivuston) tai dynaamisen verkkosivuston (kuten ASP.NET-sivuston) isännöimiseen.

Voit valita useista eri vaihtoehdoista, kun ylläpidät verkkosivustoasi verkossa. Jos isännöit yksinkertaista verkkosivustoa, voit tallentaa verkkosivustosi tiedostot Dropboxiin, Google Driveen tai One Driveen ennen niiden isännöintiä.