Si vous créez un site Web, vous voudrez probablement le tester avant de l'héberger sur Internet pour vous assurer qu'il fonctionne correctement.
Idéalement, vous devriez tester votre site sur le même serveur Web sur lequel il s'exécutera lors de sa mise en ligne. Cela vous permet d'être sûr que votre site se comportera en production de la même manière qu'il se comporte localement. Heureusement, la plupart des serveurs Web sont faciles à installer et à utiliser sur votre ordinateur local.
Sur un PC Windows, vous pouvez utiliser Internet Information Services (IIS). IIS est fourni gratuitement avec Windows, il vous suffit donc de l'activer et de le configurer pour afficher votre site Web.
Qu'est-ce que les services d'information Internet ?
IIS est un serveur Web que vous pouvez utiliser pour héberger des sites Web statiques ou dynamiques. UN le serveur web fonctionne par servir du contenu, tel que HTML, JavaScript ou des fichiers multimédias, au navigateur d'un utilisateur, en réponse à une demande.
Certains frameworks tels que Angular ont déjà des serveurs Web intégrés de base. Ceux-ci serviront à votre site Web pour prévisualiser et tester localement, en utilisant le domaine localhost. Cependant, dans certains scénarios, vous devez configurer vous-même un serveur Web complet.
Un exemple de ceci est lors de la publication d'une scène à partir d'un projet Unity. Vous risquez d'obtenir une erreur si vous essayez d'ouvrir le fichier index.html directement dans votre navigateur, sans qu'un serveur Web ne soit en cours d'exécution. Dans ce cas, vous pouvez stocker vos fichiers Unity WebGL dans IIS et les exécuter sur le serveur.
Comment activer IIS
Activez IIS à l'aide de Activer et désactiver les fonctionnalités Windows menu sous Windows.
- Rechercher Activer et désactiver les fonctionnalités Windows en utilisant la barre de recherche :
- Sélectionnez le les services de l'information de l'Internet option:
- Développer les services de l'information de l'Internet, et sélectionnez toutes les sous-fonctionnalités dont vous avez besoin :
- Cliquez sur D'ACCORD, et attendez que Windows applique les nouvelles modifications. À l'avenir, si vous décidez de supprimer ou de modifier des fonctionnalités, Windows peut vous demander de redémarrer votre ordinateur avant de les appliquer.
- Recherchez l'application IIS, qui sera désormais disponible pour s'ouvrir sur votre ordinateur Windows :
- Ouvrez IIS pour afficher la console IIS :
Comment créer un site Web de test simple
Créez un site Web statique simple en utilisant HTML et CSS.
- Créez un nouveau fichier appelé index.html. Ajoutez le contenu suivant au fichier :
<!DOCTYPE html>
<html lang="fr-nous">
<tête>
<Titre> Site Web de test simple </title>
<méta-contenu ="texte/html; jeu de caractères=utf-8" />
<lien rel="feuille de style" href="styles.css">
<lien rel="feuille de style" 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>
<corps>
<classe div="navigation">
<classe de navigation="barre de navigation barre de navigation-nav inverse">
<classe div="en-tête de barre de navigation">
<une classe="marque de barre de navigation" href="#"> Site Internet </un>
</div>
<ul classe="nav navbar-nav">
<ma classe="actif"><un href="#"> Maison </un></li>
<li><un href="#"> À propos de </un></li>
<li><un href="#"> Contact </un></li>
</ul>
</nav>
</div>
<classe div="récipient">
<h1> Ceci est un site de test </h1>
</div>
</body>
</html> - Créez un nouveau fichier CSS appelé styles.css. Ajoutez le style suivant au fichier.
* {
famille de polices: sans empattement;
}.nav {
rayon de bordure: 0pixels !important;
Couleur: blanche;
}.lien {
marge droite: 10pixels;
taille de police: 12pt;
}.marque {
marge-gauche: 20pixels;
marge droite: 40pixels;
taille de police: 18pt;
}.récipient {
aligner le texte: centre;
rembourrage: 40pixels 20pixels;
} - Créez un nouveau dossier dans le C:\inetpub\wwwroot répertoire sur votre ordinateur, appelé MyTestWebsite. Ce dossier est spécifiquement utilisé pour stocker les pages Web et autres contenus qui composent votre site Web.
- Copiez ou déplacez le index.html et styles.css fichiers dans le nouveau MyTestWebsite dossier.
Comment ajouter et configurer votre site Web à l'aide d'IIS
Pour héberger votre site Web à l'aide d'IIS, créez un nouveau site Web et pointez-le vers votre contenu.
- Dans la barre latérale gauche de la console IIS, cliquez avec le bouton droit sur le Des sites annuaire.
- Dans les options du menu, sélectionnez Ajouter un site Web, pour ouvrir la fenêtre de configuration :
- Ajoutez un nom au Nom du site, comme "Mon site Web de test". IIS remplira automatiquement le champ du pool d'applications.
- Ajoutez le chemin physique, qui est l'emplacement où vous avez stocké les fichiers de votre site Web sur l'ordinateur. Cliquez sur les trois points pour sélectionner un dossier. Dans le menu, accédez au MyTestWebsite dossier, sous le C:\inetpub\wwwroot annuaire.
- Sélectionnez https comme Taper. Le défaut Port pour HTTPS est 443, mais vous pouvez changer le port pour autre chose s'il est actuellement utilisé.
- Vous pouvez également configurer un nom d'hôte, mais laissez ce champ vide pour l'instant.
- Pour le Certificat SSL, sélectionner Certificat de développement IIS Express.
- Sélectionner Démarrer le site Web immédiatement, et cliquez sur D'ACCORD.
- Mettez en surbrillance le nouveau Mon site de test répertoire dans la colonne de gauche.
- Cliquer sur Réglages avancés, qui se trouve dans la liste des options sur le côté droit du panneau.
- Dans la section Comportement, modifiez le Protocoles activés l'option "https", et cliquez sur D'ACCORD.
- Si vous souhaitez modifier ces détails à tout moment, vous pouvez cliquer sur le Paramètres de base ou Réglages avancés options dans le menu de droite.
Comment arrêter, démarrer ou redémarrer votre site Web sur le serveur Web
Pour démarrer votre serveur Web et afficher votre site Web, cliquez sur l'option Parcourir dans le menu de droite. Vous pouvez également redémarrer ou arrêter le serveur Web à tout moment.
- Pour exécuter votre serveur Web, cliquez sur Parcourir *:443 (https) dans le menu de droite.
- Votre site Web devrait maintenant être exécuté sur le serveur Web. Vous pouvez y accéder via l'URL https://localhost/. Si vous recevez un avertissement indiquant que votre connexion au site n'est pas sécurisée, vous devrez peut-être utiliser un autre certificat SSL valide. Vous pouvez trouver du bon documentation de Microsoft sur la façon dont vous pouvez créer un nouveau certificat SSL et l'utiliser dans IIS.
- Pour arrêter ou redémarrer le serveur Web, cliquez sur Arrêt ou Redémarrer dans le menu de droite.
Hébergement d'un site Web à l'aide d'IIS
Les tests locaux sont une partie importante de tout cycle de développement, y compris lorsque vous créez un site Web.
Vous pouvez héberger votre site Web localement à l'aide du serveur Web Internet Information Services (IIS). Vous pouvez l'utiliser pour héberger n'importe quel site Web statique (tel qu'un site HTML ou CSS standard) ou un site Web dynamique (tel qu'un site ASP.NET).
Vous pouvez choisir parmi différentes options lorsque vous hébergez votre site Web en ligne. Si vous hébergez un site Web simple, vous pouvez stocker les fichiers de votre site Web sur Dropbox, Google Drive ou One Drive avant de les héberger.
