Wenn Sie eine Website erstellen, möchten Sie sie wahrscheinlich testen, bevor Sie sie im Internet hosten, um sicherzustellen, dass sie ordnungsgemäß funktioniert.
Idealerweise sollten Sie Ihre Website auf demselben Webserver testen, auf dem sie ausgeführt wird, wenn Sie live gehen. Dadurch können Sie sicher sein, dass sich Ihre Site in der Produktion genauso verhält wie lokal. Glücklicherweise sind die meisten Webserver einfach zu installieren und auf Ihrem lokalen Computer zu verwenden.
Auf einem Windows-PC können Sie Internetinformationsdienste (IIS) verwenden. IIS wird kostenlos mit Windows geliefert, Sie müssen es also nur aktivieren und konfigurieren, um Ihre Website anzuzeigen.
Was sind Internet-Informationsdienste?
IIS ist ein Webserver, den Sie zum Hosten statischer oder dynamischer Websites verwenden können. EIN Webserver funktioniert von Bereitstellen von Inhalten – wie HTML, JavaScript oder Mediendateien – an den Browser eines Benutzers als Antwort auf eine Anfrage.
Einige Frameworks wie Angular verfügen bereits über grundlegende integrierte Webserver. Diese dienen Ihrer Website zur Vorschau und zum lokalen Testen unter Verwendung der localhost-Domäne. Es gibt jedoch einige Szenarien, in denen Sie selbst einen vollwertigen Webserver einrichten müssen.
Ein Beispiel hierfür ist das Veröffentlichen einer Szene aus einem Unity-Projekt. Sie erhalten wahrscheinlich eine Fehlermeldung, wenn Sie versuchen, die Datei index.html direkt in Ihrem Browser zu öffnen, ohne dass ein Webserver läuft. In diesem Fall könnten Sie Ihre Unity-WebGL-Dateien in IIS speichern und auf dem Server ausführen.
So aktivieren Sie IIS
Aktivieren Sie IIS mit der Schalten Sie Windows-Funktionen ein und aus Menü unter Windows.
- Suchen nach Schalten Sie Windows-Funktionen ein und aus über die Suchleiste:
- Wähle aus Internet-Informationsdienste Möglichkeit:
- Erweitern Internet-Informationsdienste, und wählen Sie alle gewünschten Unterfunktionen aus:
- Klicken OK, und warten Sie, bis Windows die neuen Änderungen übernommen hat. Wenn Sie sich in Zukunft entscheiden, Funktionen zu entfernen oder zu ändern, fordert Windows Sie möglicherweise auf, Ihren Computer neu zu starten, bevor Sie sie anwenden.
- Suchen Sie nach der IIS-Anwendung, die jetzt auf Ihrem Windows-Computer geöffnet werden kann:
- Öffnen Sie IIS, um die IIS-Konsole anzuzeigen:
So erstellen Sie eine einfache Test-Website
Erstellen Sie eine einfache statische Website mit HTML und CSS.
- Erstellen Sie eine neue Datei mit dem Namen index.html. Fügen Sie der Datei folgenden Inhalt hinzu:
<!DOCTYPE html>
<htmllang="de-uns">
<Kopf>
<Titel> Einfache Test-Website </title>
<Metainhalt="text/html; Zeichensatz=utf-8" />
<link rel="Stylesheet" href="Stile.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>
<Karosserie>
<div-Klasse="Navi">
<Navigationsklasse ="navbar navbar-umgekehrt nav">
<div-Klasse="Navigationsleistenkopf">
<eine Klasse="Navbar-Marke" href="#"> Webseite </a>
</div>
<ul-Klasse="nav navbar-nav">
<li Klasse="aktiv"><ein href="#"> Heim </a></li>
<li><ein href="#"> Um </a></li>
<li><ein href="#"> Kontakt </a></li>
</ul>
</nav>
</div>
<div-Klasse="Container">
<h1> Dies ist eine Test-Website </h1>
</div>
</body>
</html> - Erstellen Sie eine neue CSS-Datei mit dem Namen Stile.css. Fügen Sie der Datei den folgenden Stil hinzu.
* {
Schriftfamilie: serifenlos;
}.nav {
Grenzradius: 0px !wichtig;
Farbe: Weiß;
}.Verknüpfung {
Rand rechts: 10px;
Schriftgröße: 12Punkt;
}.Marke {
Rand links: 20px;
Rand rechts: 40px;
Schriftgröße: 18Punkt;
}.Container {
Textausrichtung: Center;
Polsterung: 40px 20px;
} - Erstellen Sie einen neuen Ordner in der C:\inetpub\wwwroot Verzeichnis auf Ihrem Computer, genannt MeineTestWebsite. Dieser Ordner wird speziell zum Speichern der Webseiten und anderer Inhalte verwendet, aus denen Ihre Website besteht.
- Kopieren oder verschieben Sie die index.html und Stile.css Dateien in die neue MeineTestWebsite Mappe.
So fügen Sie Ihre Website mit IIS hinzu und konfigurieren sie
Um Ihre Website mit IIS zu hosten, erstellen Sie eine neue Website und verweisen Sie auf Ihre Inhalte.
- Klicken Sie in der linken Seitenleiste der IIS-Konsole mit der rechten Maustaste auf die Websites Verzeichnis.
- Wählen Sie aus den Optionen im Menü aus Webseite hinzufügen, um das Konfigurationsfenster zu öffnen:
- Fügen Sie einen Namen hinzu Site-Name, wie "Meine Test-Website". IIS füllt das Feld für den Anwendungspool automatisch aus.
- Fügen Sie den physischen Pfad hinzu, das ist der Ort, an dem Sie Ihre Website-Dateien auf dem Computer gespeichert haben. Klicken Sie auf die drei Punkte, um einen Ordner auszuwählen. Navigieren Sie im Menü zu MeineTestWebsite Ordner, unter dem C:\inetpub\wwwroot Verzeichnis.
- Wählen Sie https als aus Typ. Der Standard Hafen für HTTPS ist 443, aber Sie können den Port auf einen anderen ändern, wenn dieser gerade verwendet wird.
- Sie können auch einen Hostnamen konfigurieren, aber lassen Sie dies vorerst leer.
- Für die SSL-Zertifikat, auswählen IIS Express-Entwicklungszertifikat.
- Auswählen Website sofort starten, und klicken Sie auf OK.
- Markieren Sie das Neue Meine Test-Website Verzeichnis in der linken Spalte.
- Klicke auf Erweiterte Einstellungen, das sich in der Liste der Optionen auf der rechten Seite des Bedienfelds befindet.
- Ändern Sie im Abschnitt Verhalten die Aktivierte Protokolle Option auf „https“ und klicken Sie auf OK.
- Wenn Sie diese Angaben zu einem beliebigen Zeitpunkt bearbeiten möchten, können Sie auf klicken Grundeinstellungen oder Erweiterte Einstellungen Optionen im rechten Menü.
So stoppen, starten oder starten Sie Ihre Website auf dem Webserver neu
Um Ihren Webserver zu starten und Ihre Website anzuzeigen, klicken Sie im Menü auf der rechten Seite auf die Option Durchsuchen. Sie können den Webserver auch jederzeit neu starten oder stoppen.
- Um Ihren Webserver auszuführen, klicken Sie auf Durchsuchen *:443 (https) im rechten Menü.
- Ihre Website sollte nun auf dem Webserver laufen. Sie können über die URL darauf zugreifen https://localhost/. Wenn Sie eine Warnung erhalten, dass Ihre Site-Verbindung nicht sicher ist, müssen Sie möglicherweise ein anderes gültiges SSL-Zertifikat verwenden. Kann man gut finden Dokumentation von Microsoft wie Sie ein neues SSL-Zertifikat erstellen und in IIS verwenden können.
- Um den Webserver zu stoppen oder neu zu starten, klicken Sie auf Halt oder Neu starten im rechten Menü.
Hosten einer Website mit IIS
Lokale Tests sind ein wichtiger Bestandteil jedes Entwicklungszyklus, auch wenn Sie eine Website erstellen.
Sie können Ihre Website lokal über den Internet Information Services (IIS)-Webserver hosten. Sie können damit jede statische Website (z. B. eine standardmäßige HTML- oder CSS-Site) oder dynamische Website (z. B. eine ASP.NET-Site) hosten.
Es gibt verschiedene Optionen, aus denen Sie wählen können, wenn Sie Ihre Website online hosten. Wenn Sie eine einfache Website hosten, können Sie Ihre Website-Dateien auf Dropbox, Google Drive oder One Drive speichern, bevor Sie sie hosten.
