Om du skapar en webbplats vill du förmodligen testa den innan du är värd för den på internet för att säkerställa att den fungerar korrekt.

Helst bör du testa din webbplats på samma webbserver som den kommer att köras på när du går live. Detta gör att du kan vara säker på att din webbplats kommer att bete sig i produktionen på samma sätt som den beter sig lokalt. Lyckligtvis är de flesta webbservrar enkla att installera och använda på din lokala dator.

På en Windows-dator kan du använda Internet Information Services (IIS). IIS kommer gratis med Windows, så allt du behöver göra är att aktivera och konfigurera det för att se din webbplats.

Vad är Internetinformationstjänster?

IIS är en webbserver som du kan använda för att vara värd för statiska eller dynamiska webbplatser. A webbservern fungerar efter visning av innehåll – som HTML, JavaScript eller mediefiler – till en användares webbläsare som svar på en begäran.

Vissa ramverk som Angular har redan grundläggande inbyggda webbservrar. Dessa kommer att tjäna din webbplats för att förhandsgranska och testa lokalt, med hjälp av localhost-domänen. Det finns dock vissa scenarier där du behöver konfigurera en komplett webbserver själv.

instagram viewer

Ett exempel på detta är när man publicerar en scen från ett Unity-projekt. Du kommer sannolikt att få ett felmeddelande om du försöker öppna filen index.html direkt i din webbläsare, utan att en webbserver körs. I det här fallet kan du lagra dina Unity WebGL-filer i IIS och köra dem på servern.

Hur man aktiverar IIS

Aktivera IIS med hjälp av Slå på och av Windows-funktioner menyn i Windows.

  1. Söka efter Slå på och av Windows-funktioner med hjälp av sökfältet:
  2. Välj Internetinformationstjänster alternativ:
  3. Bygga ut Internetinformationstjänster, och välj alla underfunktioner du behöver:
  4. Klick OK, och vänta tills Windows tillämpar de nya ändringarna. Om du i framtiden bestämmer dig för att ta bort eller ändra några funktioner kan Windows be dig starta om datorn innan du använder dem.
  5. Sök efter IIS-applikationen, som nu kommer att vara tillgänglig att öppna på din Windows-dator:
  6. Öppna IIS för att visa IIS-konsolen:

Hur man skapar en enkel testwebbplats

Skapa en enkel statisk webbplats med HTML och CSS.

  1. Skapa en ny fil som heter index.html. Lägg till följande innehåll i filen:
    <!DOCTYPE html>
    <html lang="sv-oss">
    <huvud>
    <titel> Enkel testwebbplats </title>
    <metainnehåll="text/html; charset=utf-8" />
    <länk rel="stilmall" href="styles.css">
    <länk rel="stilmall" 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 klass="nav">
    <nav klass="navbar navbar-omvänd nav">
    <div klass="navbar-huvud">
    <en klass="navbar-märke" href="#"> Hemsida </a>
    </div>
    <ul klass="nav navbar-nav">
    <li klass="aktiva"><a href="#"> Hem </a></li>
    <li><a href="#"> Handla om </a></li>
    <li><a href="#"> Kontakt </a></li>
    </ul>
    </nav>
    </div>
    <div klass="behållare">
    <h1> Detta är en testwebbplats </h1>
    </div>
    </body>
    </html>
  2. Skapa en ny CSS-fil som heter styles.css. Lägg till följande stil till filen.
    * {
    typsnittsfamilj: sans serif;
    }
    .nav {
    gräns-radie: 0px !Viktig;
    Färg: vit;
    }
    

    .länk {
    marginal-höger: 10px;
    textstorlek: 12pt;
    }
    

    .varumärke {
    marginal-vänster: 20px;
    marginal-höger: 40px;
    textstorlek: 18pt;
    }
    .behållare {
    textjustera: Centrum;
    stoppning: 40px 20px;
    }
  3. Skapa en ny mapp i C:\inetpub\wwwroot katalog på din dator, som kallas Min testwebbplats. Den här mappen används specifikt för att lagra webbsidor och annat innehåll som din webbplats består av.
  4. Kopiera eller flytta index.html och styles.css filer till den nya Min testwebbplats mapp.

Hur du lägger till och konfigurerar din webbplats med IIS

För att vara värd för din webbplats med IIS, skapa en ny webbplats och peka på ditt innehåll.

  1. I den vänstra sidofältet på IIS-konsolen högerklickar du på Webbplatser katalog.
  2. Från alternativen i menyn väljer du Lägg till webbplats, för att öppna konfigurationsfönstret:
  3. Lägg till ett namn till Sidnamn, till exempel "Min testwebbplats". IIS kommer automatiskt att fylla i fältet för applikationspoolen.
  4. Lägg till den fysiska sökvägen, som är den plats där du har lagrat dina webbplatsfiler på datorn. Klicka på de tre prickarna för att välja en mapp. Från menyn, navigera till Min testwebbplats mapp, under C:\inetpub\wwwroot katalog.
  5. Välj https som Typ. Standarden Hamn för HTTPS är 443, men du kan ändra porten till något annat om det för närvarande används.
  6. Du kan också konfigurera ett värdnamn, men lämna detta tomt tills vidare.
  7. För SSL-certifikat, Välj IIS Express utvecklingscertifikat.
  8. Välj Starta webbplatsen omedelbart, och klicka på OK.
  9. Markera det nya Min testwebbplats katalog i den vänstra kolumnen.
  10. Klicka på Avancerade inställningar, som finns i listan med alternativ till höger på panelen.
  11. Under Beteende-avsnittet ändrar du Aktiverade protokoll alternativet till "https" och klicka på OK.
  12. Om du vill redigera dessa detaljer när som helst kan du klicka på Grund inställningar eller Avancerade inställningar alternativ i menyn till höger.

Hur du stoppar, startar eller startar om din webbplats på webbservern

För att starta din webbserver och se din webbplats, klicka på alternativet Bläddra i menyn till höger. Du kan även starta om eller stoppa webbservern när som helst.

  1. För att köra din webbserver, klicka på Bläddra *:443 (https) i menyn till höger.
  2. Din webbplats bör nu köras på webbservern. Du kan komma åt den via URL: en https://localhost/. Om du får en varning om att din webbplatsanslutning inte är säker, kan du kan behöva använda ett annat giltigt SSL-certifikat. Du kan hitta bra dokumentation från Microsoft om hur du kan skapa ett nytt SSL-certifikat och använda det i IIS.
  3. För att stoppa eller starta om webbservern, klicka på Sluta eller Omstart i menyn till höger.

Hosta en webbplats med IIS

Lokala tester är en viktig del av varje utvecklingscykel, inklusive när du bygger en webbplats.

Du kan vara värd för din webbplats lokalt med hjälp av Internet Information Services (IIS) webbserver. Du kan använda den för att vara värd för vilken statisk webbplats som helst (som en vanlig HTML- eller CSS-webbplats) eller dynamisk webbplats (som en ASP.NET-webbplats).

Det finns olika alternativ du kan välja mellan när du är värd för din webbplats online. Om du är värd för en enkel webbplats kan du lagra dina webbplatsfiler på Dropbox, Google Drive eller One Drive innan du är värd för dem.