Als u een website maakt, wilt u deze waarschijnlijk testen voordat u deze op internet host om er zeker van te zijn dat deze goed werkt.

In het ideale geval zou u uw site op dezelfde webserver moeten testen waarop deze zal draaien wanneer u live gaat. Hierdoor kunt u er zeker van zijn dat uw site zich in productie hetzelfde gedraagt ​​als lokaal. Gelukkig zijn de meeste webservers eenvoudig te installeren en te gebruiken op uw lokale computer.

Op een Windows-pc kunt u Internet Information Services (IIS) gebruiken. IIS wordt gratis bij Windows geleverd, dus u hoeft het alleen maar in te schakelen en te configureren om uw website te bekijken.

Wat zijn internetinformatiediensten?

IIS is een webserver die u kunt gebruiken om statische of dynamische websites te hosten. EEN webserver werkt door het aanbieden van inhoud, zoals HTML, JavaScript of mediabestanden, aan de browser van een gebruiker als reactie op een verzoek.

Sommige frameworks, zoals Angular, hebben al standaard ingebouwde webservers. Deze zullen uw website dienen om lokaal een voorbeeld te bekijken en te testen, met behulp van het localhost-domein. Er zijn echter enkele scenario's waarin u zelf een volledige webserver moet opzetten.

instagram viewer

Een voorbeeld hiervan is bij het publiceren van een scène uit een Unity-project. U krijgt waarschijnlijk een foutmelding als u het bestand index.html rechtstreeks in uw browser probeert te openen, zonder dat er een webserver actief is. In dit geval kunt u uw Unity WebGL-bestanden in IIS opslaan en op de server uitvoeren.

IIS inschakelen

Schakel IIS in met de Windows-functies in- en uitschakelen menu op Windows.

  1. Zoeken naar Windows-functies in- en uitschakelen via de zoekbalk:
  2. Selecteer de Internet Informatie Services keuze:
  3. Uitbreiden Internet Informatie Servicesen selecteer alle subfuncties die u nodig hebt:
  4. Klik Okéen wacht tot Windows de nieuwe wijzigingen toepast. Als u in de toekomst besluit om functies te verwijderen of te wijzigen, kan Windows u vragen om uw computer opnieuw op te starten voordat u ze toepast.
  5. Zoek naar de IIS-toepassing, die nu beschikbaar is om te openen op uw Windows-computer:
  6. Open IIS om de IIS-console te bekijken:

Een eenvoudige testwebsite maken

Maak een eenvoudige statische website met HTML en CSS.

  1. Maak een nieuw bestand met de naam index.html. Voeg de volgende inhoud toe aan het bestand:
    <!DOCTYPE html>
    <html lang="nl-ons">
    <hoofd>
    <titel> Eenvoudige testwebsite </title>
    <meta-inhoud="tekst/html; charset=utf-8" />
    <link rel="stylesheet" href="stijlen.css">
    <link rel="stylesheet" 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>
    <lichaam>
    <div klasse="nav">
    <nav class="navbar navbar-inverse nav">
    <div klasse="navbar-header">
    <een klas ="navbar-merk" href="#"> Website </a>
    </div>
    <ul class="nav navbar-nav">
    <li class="actief"><een href="#"> Huis </a></li>
    <li><een href="#"> Over </a></li>
    <li><een href="#"> Contact </a></li>
    </ul>
    </nav>
    </div>
    <div klasse="container">
    <h1> Dit is een testwebsite </h1>
    </div>
    </body>
    </html>
  2. Maak een nieuw CSS-bestand met de naam stijlen.css. Voeg de volgende stijl toe aan het bestand.
    * {
    font-familie: schreefloos;
    }
    .nav {
    grens-radius: 0px !belangrijk;
    kleur: wit;
    }
    

    .koppeling {
    marge-rechts: 10px;
    lettertypegrootte: 12pt;
    }
    

    .merk {
    marge-links: 20px;
    marge-rechts: 40px;
    lettertypegrootte: 18pt;
    }
    .container {
    tekst-uitlijnen: centrum;
    opvulling: 40px 20px;
    }
  3. Maak een nieuwe map in de C:\inetpub\wwwroot map op uw computer, genaamd MijnTestWebsite. Deze map wordt specifiek gebruikt voor het opslaan van de webpagina's en andere inhoud waaruit uw website bestaat.
  4. Kopieer of verplaats de index.html en stijlen.css bestanden in de nieuwe MijnTestWebsite map.

Hoe u uw website kunt toevoegen en configureren met IIS

Als u uw website wilt hosten met IIS, maakt u een nieuwe website en verwijst u deze naar uw inhoud.

  1. Klik in de linkerzijbalk van de IIS-console met de rechtermuisknop op de Sites map.
  2. Selecteer in de opties in het menu Website toevoegen, om het configuratievenster te openen:
  3. Voeg een naam toe aan de Site naam, zoals 'Mijn testwebsite'. IIS vult automatisch het veld voor de Application pool in.
  4. Voeg het fysieke pad toe, dit is de locatie waar u uw websitebestanden op de computer hebt opgeslagen. Klik op de drie puntjes om een ​​map te selecteren. Navigeer vanuit het menu naar de MijnTestWebsite map, onder de C:\inetpub\wwwroot map.
  5. Selecteer https als de Type. De standaard Haven voor HTTPS is 443, maar u kunt de poort wijzigen in iets anders als dat momenteel in gebruik is.
  6. U kunt ook een hostnaam configureren, maar laat dit voorlopig leeg.
  7. Voor de SSL-certificaat, selecteer IIS Express-ontwikkelingscertificaat.
  8. Selecteer Start de website onmiddellijken klik op Oké.
  9. Markeer de nieuwe Mijn testwebsite map in de linkerkolom.
  10. Klik op Geavanceerde instellingen, die in de lijst met opties aan de rechterkant van het paneel staat.
  11. Wijzig onder het gedeelte Gedrag de Ingeschakelde protocollen optie naar "https", en klik op Oké.
  12. Als u deze gegevens op enig moment wilt wijzigen, klikt u op de Basis instellingen of Geavanceerde instellingen opties in het rechtermenu.

Hoe u uw website op de webserver kunt stoppen, starten of opnieuw starten?

Om uw webserver te starten en uw website te bekijken, klikt u op de optie Bladeren in het rechtermenu. U kunt de webserver ook op elk moment opnieuw starten of stoppen.

  1. Om uw webserver te laten draaien, klikt u op Bladeren *:443 (https) in het rechtermenu.
  2. Uw website zou nu op de webserver moeten draaien. U kunt het openen via de URL https://localhost/. Als u een waarschuwing ontvangt dat uw siteverbinding niet veilig is, kunt u: moet mogelijk een ander geldig SSL-certificaat gebruiken. Je kunt goed vinden documentatie van Microsoft over hoe u een nieuw SSL-certificaat kunt maken en gebruiken in IIS.
  3. Om de webserver te stoppen of opnieuw te starten, klikt u op Hou op of Herstarten in het rechtermenu.

Een website hosten met IIS

Lokaal testen is een belangrijk onderdeel van elke ontwikkelingscyclus, ook wanneer u een website bouwt.

U kunt uw website lokaal hosten met behulp van de Internet Information Services (IIS) webserver. U kunt het gebruiken om elke statische website (zoals een standaard HTML- of CSS-site) of dynamische website (zoals een ASP.NET-site) te hosten.

Er zijn verschillende opties waaruit u kunt kiezen wanneer u uw website online host. Als u een eenvoudige website host, kunt u uw websitebestanden opslaan op Dropbox, Google Drive of One Drive voordat u ze host.