Hvis du opretter et websted, vil du sandsynligvis teste det, før du hoster det på internettet for at sikre, at det fungerer korrekt.

Ideelt set bør du teste dit websted på den samme webserver, som det kører på, når du går live. Dette giver dig mulighed for at være sikker på, at dit websted vil opføre sig i produktionen på samme måde, som det opfører sig lokalt. Heldigvis er de fleste webservere nemme at installere og bruge på din lokale computer.

På en Windows-pc kan du bruge Internet Information Services (IIS). IIS leveres gratis med Windows, så alt du skal gøre er at aktivere og konfigurere det til at se dit websted.

Hvad er internetinformationstjenester?

IIS er en webserver, som du kan bruge til at hoste statiske eller dynamiske websteder. EN webserver fungerer ved visning af indhold – såsom HTML, JavaScript eller mediefiler – til en brugers browser som svar på en anmodning.

Nogle frameworks såsom Angular har allerede grundlæggende indbyggede webservere. Disse vil tjene dit websted til at forhåndsvise og teste lokalt ved hjælp af localhost-domænet. Der er dog nogle scenarier, hvor du selv skal opsætte en komplet webserver.

instagram viewer

Et eksempel på dette er, når man udgiver en scene fra et Unity-projekt. Du vil sandsynligvis få en fejl, hvis du forsøger at åbne filen index.html direkte i din browser, uden at en webserver kører. I dette tilfælde kan du gemme dine Unity WebGL-filer i IIS og køre dem på serveren.

Sådan aktiveres IIS

Aktiver IIS ved hjælp af Slå Windows-funktioner til og fra menu på Windows.

  1. Søge efter Slå Windows-funktioner til og fra ved hjælp af søgefeltet:
  2. Vælg Internetinformationstjenester mulighed:
  3. Udvide Internetinformationstjenester, og vælg alle de underfunktioner, du har brug for:
  4. Klik Okay, og vent på, at Windows anvender de nye ændringer. Hvis du i fremtiden beslutter dig for at fjerne eller ændre nogen funktioner, kan Windows bede dig om at genstarte din computer, før du anvender dem.
  5. Søg efter IIS-applikationen, som nu vil være tilgængelig til at åbne på din Windows-computer:
  6. Åbn IIS for at se IIS-konsollen:

Sådan opretter du et simpelt testwebsted

Opret en simpel statisk hjemmeside ved hjælp af HTML og CSS.

  1. Opret en ny fil kaldet index.html. Tilføj følgende indhold til filen:
    <!DOCTYPE html>
    <html lang="da-os">
    <hoved>
    <titel> Simpel test hjemmeside </title>
    <metaindhold="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>
    <legeme>
    <div klasse="nav">
    <nav klasse="navbar navbar-omvendt nav">
    <div klasse="navbar-header">
    <en klasse ="navbar-mærke" href="#"> Internet side </en>
    </div>
    <ul klasse="nav navbar-nav">
    <li klasse="aktiv"><a href="#"> Hjem </en></li>
    <li><a href="#"> Om </en></li>
    <li><a href="#"> Kontakt </en></li>
    </ul>
    </nav>
    </div>
    <div klasse="beholder">
    <h1> Dette er en test hjemmeside </h1>
    </div>
    </body>
    </html>
  2. Opret en ny CSS-fil kaldet styles.css. Tilføj følgende stil til filen.
    * {
    skrifttype-familie: sans serif;
    }
    .nav {
    grænse-radius: 0px !vigtig;
    farve: hvid;
    }
    

    .link {
    margin-højre: 10px;
    skriftstørrelse: 12pt;
    }
    

    .brand {
    margin-venstre: 20px;
    margin-højre: 40px;
    skriftstørrelse: 18pt;
    }
    .beholder {
    tekstjustering: centrum;
    polstring: 40px 20px;
    }
  3. Opret en ny mappe i C:\inetpub\wwwroot bibliotek på din computer, kaldet Mit testwebsted. Denne mappe bruges specifikt til at gemme websider og andet indhold, der udgør din hjemmeside.
  4. Kopier eller flyt index.html og styles.css filer i den nye Mit testwebsted folder.

Sådan tilføjer og konfigurerer du dit websted ved hjælp af IIS

For at hoste dit websted ved hjælp af IIS skal du oprette et nyt websted og pege det til dit indhold.

  1. I venstre sidebjælke i IIS-konsollen skal du højreklikke på Websteder vejviser.
  2. Vælg fra valgmulighederne i menuen Tilføj hjemmeside, for at åbne konfigurationsvinduet:
  3. Tilføj et navn til Side navn, såsom "Mit testwebsted". IIS udfylder automatisk feltet for applikationspuljen.
  4. Tilføj den fysiske sti, som er det sted, hvor du har gemt dine hjemmesidefiler på computeren. Klik på de tre prikker for at vælge en mappe. Fra menuen skal du navigere til Mit testwebsted mappe, under C:\inetpub\wwwroot vejviser.
  5. Vælg https som Type. Standarden Havn for HTTPS er 443, men du kan ændre porten til noget andet, hvis det er i brug i øjeblikket.
  6. Du kan også konfigurere et værtsnavn, men lad dette stå tomt indtil videre.
  7. For SSL-certifikat, Vælg IIS Express udviklingscertifikat.
  8. Vælg Start hjemmesiden med det samme, og klik på Okay.
  9. Fremhæv det nye Min testhjemmeside mappe i venstre kolonne.
  10. Klik på Avancerede indstillinger, som er på listen over muligheder i højre side af panelet.
  11. Under sektionen Adfærd skal du ændre Aktiverede protokoller mulighed for at "https", og klik på Okay.
  12. Hvis du vil redigere disse detaljer på et hvilket som helst tidspunkt, kan du klikke på Grundlæggende indstillinger eller Avancerede indstillinger muligheder i menuen til højre.

Sådan stopper, starter eller genstarter du dit websted på webserveren

For at starte din webserver og se din hjemmeside skal du klikke på Gennemse i menuen til højre. Du kan også genstarte eller stoppe webserveren til enhver tid.

  1. Klik på for at køre din webserver Gennemse *:443 (https) i menuen til højre.
  2. Din hjemmeside burde nu køre på webserveren. Du kan få adgang til den via URL'en https://localhost/. Hvis du modtager en advarsel om, at din webstedsforbindelse ikke er sikker, vil du skal muligvis bruge et andet gyldigt SSL-certifikat. Du kan finde godt dokumentation fra Microsoft om, hvordan du kan oprette et nyt SSL-certifikat og bruge det i IIS.
  3. Klik på for at stoppe eller genstarte webserveren Hold op eller Genstart i menuen til højre.

Hosting af et websted ved hjælp af IIS

Lokal test er en vigtig del af enhver udviklingscyklus, også når du bygger et websted.

Du kan hoste dit websted lokalt ved hjælp af Internet Information Services (IIS)-webserveren. Du kan bruge den til at være vært for ethvert statisk websted (såsom et standard HTML- eller CSS-websted) eller dynamisk websted (såsom et ASP.NET-websted).

Der er forskellige muligheder, du kan vælge imellem, når du hoster din hjemmeside online. Hvis du er vært for et simpelt websted, kan du gemme dine webstedsfiler på Dropbox, Google Drev eller One Drive, før du hoster dem.