Hvis du lager et nettsted, vil du sannsynligvis teste det før du er vert for det på internett for å sikre at det fungerer som det skal.

Ideelt sett bør du teste nettstedet ditt på samme webserver som det vil kjøre på når du går live. Dette lar deg være sikker på at nettstedet ditt vil oppføre seg i produksjon på samme måte som det oppfører seg lokalt. Heldigvis er de fleste webservere enkle å installere og bruke på din lokale datamaskin.

På en Windows-PC kan du bruke Internet Information Services (IIS). IIS kommer gratis med Windows, så alt du trenger å gjøre er å aktivere og konfigurere det for å se nettstedet ditt.

Hva er Internett-informasjonstjenester?

IIS er en webserver som du kan bruke til å være vert for statiske eller dynamiske nettsteder. EN webserver fungerer etter visning av innhold – som HTML, JavaScript eller mediefiler – til en brukers nettleser som svar på en forespørsel.

Noen rammeverk som Angular har allerede grunnleggende innebygde webservere. Disse vil tjene nettstedet ditt til å forhåndsvise og teste lokalt, ved å bruke localhost-domenet. Det er imidlertid noen scenarier der du må sette opp en fullverdig webserver selv.

instagram viewer

Et eksempel på dette er når du publiserer en scene fra et Unity-prosjekt. Du vil sannsynligvis få en feilmelding hvis du prøver å åpne filen index.html direkte i nettleseren din, uten at en webserver kjører. I dette tilfellet kan du lagre Unity WebGL-filene dine i IIS og kjøre dem på serveren.

Hvordan aktivere IIS

Aktiver IIS ved å bruke Slå Windows-funksjoner på og av menyen på Windows.

  1. Søk etter Slå Windows-funksjoner på og av ved å bruke søkefeltet:
  2. Velg Internettinformasjonstjenester alternativ:
  3. Utvide Internettinformasjonstjenester, og velg alle underfunksjonene du trenger:
  4. Klikk OK, og vent til Windows tar i bruk de nye endringene. I fremtiden, hvis du bestemmer deg for å fjerne eller endre noen funksjoner, kan Windows be deg om å starte datamaskinen på nytt før du bruker dem.
  5. Søk etter IIS-applikasjonen, som nå vil være tilgjengelig for åpning på din Windows-datamaskin:
  6. Åpne IIS for å se IIS-konsollen:

Hvordan lage et enkelt testnettsted

Lag et enkelt statisk nettsted ved hjelp av HTML og CSS.

  1. Opprett en ny fil kalt index.html. Legg til følgende innhold i filen:
    <!DOCTYPE html>
    <html lang="no-oss">
    <hode>
    <tittel> Enkel testnettside </title>
    <metainnhold="tekst/html; charset=utf-8" />
    <link rel="stilark" href="styles.css">
    <link rel="stilark" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css">
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"></script>
    </head>
    <kropp>
    <div klasse="nav">
    <nav klasse="navbar navbar-omvendt nav">
    <div klasse="navbar-header">
    <en klasse="navbar-merke" href="#"> Nettsted </en>
    </div>
    <ul klasse="nav navbar-nav">
    <li klasse="aktiv"><a href="#"> Hjem </en></li>
    <li><a href="#"> Om </en></li>
    <li><a href="#"> Ta kontakt med </en></li>
    </ul>
    </nav>
    </div>
    <div klasse="container">
    <h1> Dette er et testnettsted </h1>
    </div>
    </body>
    </html>
  2. Opprett en ny CSS-fil kalt styles.css. Legg til følgende stil i filen.
    * {
    font-familie: sans serif;
    }
    .nav {
    grense-radius: 0px !viktig;
    farge: hvit;
    }
    

    .link {
    marg-høyre: 10px;
    skriftstørrelse: 12pt;
    }
    

    .merke {
    marg-venstre: 20px;
    marg-høyre: 40px;
    skriftstørrelse: 18pt;
    }
    .container {
    tekstjustering: senter;
    polstring: 40px 20px;
    }
  3. Opprett en ny mappe i C:\inetpub\wwwroot katalog på datamaskinen, kalt MyTestNettsted. Denne mappen brukes spesielt til å lagre nettsidene og annet innhold som utgjør nettstedet ditt.
  4. Kopier eller flytt index.html og styles.css filer inn i den nye MyTestNettsted mappe.

Slik legger du til og konfigurerer nettstedet ditt ved hjelp av IIS

For å være vert for nettstedet ditt ved hjelp av IIS, opprette et nytt nettsted og pek det til innholdet ditt.

  1. I venstre sidefelt på IIS-konsollen høyreklikker du på Nettsteder katalog.
  2. Velg fra alternativene i menyen Legg til nettsted, for å åpne konfigurasjonsvinduet:
  3. Legg til et navn til Side navn, for eksempel "Mitt testnettsted". IIS vil automatisk fylle ut feltet for Application pool.
  4. Legg til den fysiske banen, som er stedet der du har lagret nettstedfilene på datamaskinen. Klikk på de tre prikkene for å velge en mappe. Fra menyen, naviger til MyTestNettsted mappen under C:\inetpub\wwwroot katalog.
  5. Velg https som Type. Standaren Havn for HTTPS er 443, men du kan endre porten til noe annet hvis den er i bruk.
  6. Du kan også konfigurere et vertsnavn, men la dette stå tomt for nå.
  7. For SSL-sertifikat, å velge IIS Express utviklingssertifikat.
  8. Å velge Start nettstedet umiddelbart, og klikk på OK.
  9. Fremhev det nye Min testside katalog i venstre kolonne.
  10. Klikk på Avanserte innstillinger, som er i listen over alternativer på høyre side av panelet.
  11. Under Atferd-delen endrer du Aktiverte protokoller alternativet til "https", og klikk på OK.
  12. Hvis du vil redigere disse detaljene når som helst, kan du klikke på Grunnleggende innstillinger eller Avanserte innstillinger alternativer i menyen til høyre.

Hvordan stoppe, starte eller starte nettstedet ditt på nettserveren

For å starte webserveren og se nettstedet ditt, klikk på Bla gjennom-alternativet i menyen til høyre. Du kan også starte på nytt eller stoppe webserveren når som helst.

  1. For å kjøre webserveren, klikk på Bla gjennom *:443 (https) i menyen til høyre.
  2. Nettstedet ditt skal nå kjøre på webserveren. Du får tilgang til den via URL-en https://localhost/. Hvis du mottar en advarsel om at tilkoblingen til nettstedet ditt ikke er sikker, vil du må kanskje bruke et annet gyldig SSL-sertifikat. Du kan finne bra dokumentasjon fra Microsoft om hvordan du kan opprette et nytt SSL-sertifikat og bruke det i IIS.
  3. For å stoppe eller starte webserveren på nytt, klikk på Stoppe eller Omstart på menyen til høyre.

Å være vert for et nettsted ved hjelp av IIS

Lokal testing er en viktig del av enhver utviklingssyklus, inkludert når du bygger et nettsted.

Du kan være vert for nettstedet ditt lokalt ved å bruke Internet Information Services (IIS) nettserver. Du kan bruke den til å være vert for et hvilket som helst statisk nettsted (for eksempel et standard HTML- eller CSS-nettsted) eller dynamisk nettsted (som et ASP.NET-nettsted).

Det er ulike alternativer du kan velge mellom når du er vert for nettstedet ditt på nettet. Hvis du er vert for et enkelt nettsted, kan du lagre nettstedfilene dine på Dropbox, Google Drive eller One Drive før du er vert for dem.