Share via

Procédure pas à pas : création d'un site Web IIS local dans Visual Web Developer

  • Article

Mise à jour : novembre 2007

Dans Visual Web Developer, vous pouvez créer et modifier des sites Web qui conservent les pages Web et d'autres fichiers dans différents emplacements. Plusieurs choix s'offrent à vous pour localiser des pages Web et d'autres fichiers :

  • Dans un dossier sur le disque dur local auquel on se réfère en tant que site Web de système de fichiers.

  • En tant qu'application Web sous une copie locale de Microsoft Internet Information Services (IIS) à laquelle on fait référence en tant que site Web IIS local.

Vous pouvez également travailler avec les sites Web sur un serveur distant. Pour plus d'informations, consultez Types des sites Web dans Visual Web Developer.

Dans cette procédure pas à pas, vous allez travailler avec deux sites Web qui s'exécutent sous une copie installée localement d'IIS. L'un des sites Web est localisé physiquement sous le dossier racine d'IIS (en général C:\Inetpub\wwwroot). Un deuxième site Web est localisé dans un dossier sur le disque dur, mais le deuxième site Web est disponible pour IIS en utilisant un répertoire virtuel.

Vous pouvez utiliser IIS pour tester le site Web. Si l'ordinateur est configuré pour autoriser d'autres utilisateurs à s'y connecter, le site Web est disponible à ces utilisateurs.

Remarque :

Si vous ne pouvez pas exécuter IIS sur l'ordinateur, vous pouvez toujours créer et tester des sites Web ASP.NET en exécutant Visual Web Developer. Pour plus d'informations, consultez Procédure pas à pas : création d'une page Web de base dans Visual Web Developer.

Cette procédure pas à pas illustre les tâches suivantes :

  • Création d'une application et d'une page sous la racine IIS.

  • Création d'une application qui utilise une racine virtuelle IIS.

  • Utilisation de IIS pour exécuter la page.

  • Utilisation de IIS dans l'Explorateur de solutions.

Composants requis

Pour compléter cette procédure pas à pas, IIS doit être installé localement sur l'ordinateur, et vous devez avoir ouvert une session en tant qu'utilisateur disposant des privilèges d'administrateur. En effet, l'utilisation de la métabase IIS (où les informations à propos des applications IIS sont stockées) requiert des privilèges d'administrateur.

Création d'un site Web sous la racine IIS

Dans la première partie de la procédure pas à pas, vous allez créer un site Web qui réside sous le dossier IIS par défaut (en général \Inetpub\wwwroot).

Pour créer un nouveau site Web IIS local sous la racine IIS

  1. Ouvrez Visual Web Developer.

  2. Dans le menu Fichier, cliquez sur Nouveau site Web.

    La boîte de dialogue Nouveau site Web s'affiche.

  3. Sous Modèles Visual Studio installés, cliquez sur Site Web ASP.NET.

  4. Cliquez sur Parcourir.

    La boîte de dialogue Choisir un emplacement s'affiche.

  5. Cliquez sur Serveur IIS local.

  6. Cliquez sur Site Web par défaut.

  7. Cliquez sur l'icône Créer une application Web, qui se trouve dans le coin supérieur droit.

    Cette icône n'est pas étiquetée, mais lorsque vous placez le pointeur de la souris sur l'icône, le texte d'info-bulle Créer une application Web apparaît.

    Une nouvelle application, Site Web, est ajoutée sous Site Web par défaut.

  8. Dans la zone du nouveau site Web, tapez LocalIISWebSite puis cliquez sur Ouvrir.

    La boîte de dialogue Nouveau site Web apparaît et la zone Emplacement la plus à droite indiquant https://localhost/localiiswebsite

  9. Dans la liste Langage, cliquez sur le langage de programmation que vous préférez utiliser.

    Le langage de programmation choisi sera la valeur par défaut du site Web. Toutefois, vous pouvez utiliser plusieurs langages dans la même application Web en créant des pages et des composants dans différents langages de programmation.

  10. Cliquez sur OK.

    Visual Web Developer crée le nouveau site Web et ouvre une nouvelle page nommée Default.aspx. Laissez cette page ouverte. Cette page Default.aspx initiale utilise le modèle code-behind de page Web. Pour plus d'informations, consultez Modèle de code des pages Web ASP.NET.

Visual Web Developer crée non seulement les dossiers et fichiers pour le site Web, mais interagit également avec IIS pour créer une application Web IIS pour votre site. Visual Web Developer appelle en fait IIS pour créer les métadonnées nécessaires à IIS pour pouvoir reconnaître votre dossier et vos pages en tant que site Web.

Vous pouvez examiner ce que Visual Web Developer a exécuté en regardant les fichiers et les dossiers qui ont été créés.

Pour examiner la structure du site Web IIS local

  1. Dans Microsoft Windows, cliquez sur Démarrer, puis sur Exécuter.

    Dans la boîte de dialogue Exécuter, dans la zone Ouvrir, entrez C:\Inetpub\wwwroot, puis cliquez sur OK.

    Remarque :

    Si IIS est installé sur un lecteur ou un dossier différent, modifiez le chemin d'accès, comme approprié.

    Sous \wwwroot, vous voyez maintenant un nouveau dossier nommé LocalIISWebSite.

  2. Dans la boîte de dialogue Chemin d'accès, double-cliquez sur LocalIISWebSite.

    Vous apercevez le contenu du site Web qui inclut les éléments suivants :

    • Un dossier App_Data qui est créé automatiquement par Visual Web Developer.

    • Une page Default.aspx.

    • Le fichier code-behind Default.aspx.cs ou Default.aspx.vb selon le langage par défaut pour l'application Web.

Vous pouvez ajouter des pages au site Web comme vous le faites habituellement. Toutefois, vous pouvez également ajouter des pages au site Web de l'extérieur et Visual Web Developer les reconnaîtra comme faisant partie de l'application, même si vous devrez peut-être mettre à jour l'Explorateur de solutions afin de pouvoir les consulter.

Ajout et programmation de contrôles

Dans cette partie de la procédure pas à pas, vous ajoutez un contrôle Button, TextBox et Label à la page et écrivez le code pour gérer l'événement Click pour le contrôle Button.

Pour ajouter des contrôles à la page

  1. Dans Visual Web Developer, ouvrez ou basculez vers la page Default.aspx, puis basculez en mode Design.

  2. Appuyez sur ENTRÉE plusieurs fois afin de libérer de l'espace.

  3. Depuis l'onglet Standard dans Boîte à outils, faites glisser trois contrôles sur la page : TextBox, Button et Label, et placez les contrôles à l'intérieur de l'élément div sur la page.

    Remarque :

    Si vous ne voyez pas la Boîte à outils, dans le menu Affichage, cliquez sur Boîte à outils.

  4. Placez le pointeur d'insertion devant la zone de texte et tapez Entrez votre nom :.

  5. Cliquez sur le contrôle Button, puis dans la fenêtre Propriétés, affectez Afficher le nom à Text.

  6. Cliquez sur le contrôle Label, puis, dans la fenêtre Propriétés effacez Text.

  7. Double-cliquez sur le contrôle Button qui est maintenant étiqueté Afficher le nom.

    Visual Web Developer ouvre le fichier de code pour la page dans une fenêtre séparée dans l'éditeur.

    Le fichier contient un gestionnaire d'événements Click squelette pour le contrôle Button.

  8. Complétez le gestionnaire d'événements Click en ajoutant le code mis en surbrillance suivant qui affichera la chaîne de texte après qu'un clic ait été effectué sur le contrôle Button.

    Note de sécurité :

    Les entrées d'utilisateur dans une page Web ASP.NET peuvent inclure un script client nuisible. Par défaut, les pages ASP.NET vérifient les pages sur les publications (postback) pour garantir que les entrées d'utilisateur n'incluent pas de script ou d'éléments HTML. Pour plus d'informations, consultez Vue d'ensemble des attaques de script.

    		 
    Protected Sub Button1_Click(ByVal sender As Object, ByVal e As System.EventArgs) Handles Button1.Click
    Label1.Text = Textbox1.Text & ", welcome to Visual Web Developer!"
End Sub

    protected void Button1_Click(object sender, EventArgs e)
{
    Label1.Text = TextBox1.Text + ", welcome to Visual Web Developer!";
}

  9. Enregistrez les fichiers.

    Vous allez tester cette page Web dans "Test de l'application Web IIS", lors d'une étape ultérieure de cette procédure pas à pas.

Mise à jour du Site Web en dehors de Visual Web Developer

Vous pouvez voir que Visual Web Developer lit le chemin d'accès IIS en ajoutant un nouveau fichier à l'application depuis l'extérieur de Visual Web Developer.

Pour mettre à jour le Web en dehors de Visual Web Developer

  1. À l'aide du Bloc-notes ou d'un autre éditeur de texte, créez un fichier qui contient le texte suivant, selon que vous utilisez Visual Basic ou C#.

    <%@Page language="VB"%>
<script >
Protected Sub Button1_Click(ByVal sender As Object, ByVal e As System.EventArgs) Handles Button1.Click
   Button1.Text = "I was clicked!"
End Sub
</script>
<html>
<body>
<form  id="form1">
<asp:button  text="Button1" Id="Button1"
    OnClick="Button1_Click"></asp:button>
</form>
</BODY>
</HTML>

    <%@Page language="C#"%>
<script >
protected void Button1_Click(object sender, System.EventArgs e)
{
   Button1.Text = "I was clicked!";
}
</script>
<html>
<body>
<form  id="form1">
<asp:button  text="Button1" Id="Button1"
    OnClick="Button1_Click"></asp:button>
</form>
</BODY>
</HTML>

  2. Enregistrez le fichier selon le chemin d'accès C:\inetpub\wwwroot\LocalIISWebSite sous le nom TestPage.aspx.

    Remarque :

    Si IIS est installé sur un lecteur ou un dossier différent, modifiez le chemin d'accès, comme approprié.

  3. Dans Visual Web Developer, dans l'Explorateur de solutions, cliquez sur le nom du site Web (https://localhost/LocalIISWebSite/), puis dans le menu Affichage, cliquez sur Actualiser.

    La liste des fichiers qui se trouvent dans le site Web est mise à jour pour inclure le fichier que vous avez ajouté. Ensuite, vous testez les pages Web.

Test de l'application Web IIS

Vous pouvez à présent tester le site Web.

Pour tester le site Web IIS local

  1. Dans Visual Web Developer, ouvrez la page Default.aspx.

  2. Appuyez sur CTRL+F5 pour exécuter la page.

    La page s'ouvre dans le navigateur. Remarquez que l'URL dans le navigateur est https://localhost/localiiswebsite/default.aspx. La demande pour la page est faite au localhost (sans un numéro de port) qui est géré par IIS.

  3. Lorsque la page apparaît dans le navigateur, entrez votre nom dans la zone de texte et cliquez sur Afficher le nom pour vous assurer que cela fonctionne.

  4. Dans Visual Web Developer, ouvrez la page TestPage.aspx.

  5. Appuyez sur CTRL+F5 pour exécuter la page.

    La page s'ouvre dans la même instance du navigateur.

  6. Lorsque la page apparaît dans le navigateur, cliquez sur Button1 pour vous assurer que cela fonctionne.

  7. Fermez le navigateur.

Si vous pouvez vous connecter à l'ordinateur à partir d'un autre ordinateur, vous pouvez essayer d'accéder à votre site comme s'il s'agissait d'un site public. Si vous ne pouvez pas vous connecter à l'ordinateur à partir d'un autre ordinateur, vous pouvez ignorer cette procédure.

Pour tester votre site en tant que site public

  • À partir d'un autre ordinateur, tapez l'URL qui inclut le nom d'ordinateur du serveur Web, le nom du site Web et default.aspx comme page :

    • Si vous pouvez accéder à l'ordinateur via un réseau local, utilisez le nom d'ordinateur du serveur qui possède une URL telle que la suivante :

      http://serveur1/localiiswebsite/default.aspx

    • Si vous hébergez un domaine sur l'ordinateur, vous pouvez accéder à la page à l'aide d'une URL telle que la suivante :

      https://www.contoso.com/localiiswebsite/default.aspx

    • Si l'ordinateur se trouve sur un réseau ou est directement connecté à Internet, vous pouvez utiliser l'adresse IP de l'ordinateur comme nom du serveur. Par exemple :

      http://172.19.195.700/localiiswebsite/default.aspx

      Remarque :

      Si vous n'êtes pas en mesure de consulter votre application à partir d'un autre ordinateur en raison des paramètres du Pare-feu Windows, vous devrez peut-être activer le serveur Web sur le port 80. Vous pouvez faire ceci sur l'onglet Avancé du Pare-feu Windows en cliquant sur Paramètres. Pour plus d'informations, consultez Security Developer Center -- .NET Framework Security et recherchez des informations sur les paramètres du Pare-feu Windows.

Création d'un Site Web en tant que racine virtuelle IIS

Comme vous l'avez déjà vu, IIS vous permet de créer des applications Web qui sont physiquement localisées sous le dossier racine du serveur Web par défaut (wwwroot). Toutefois, vous pouvez également créer des répertoires virtuels IIS qui sont des applications Web IIS qui pointent vers des fichiers et des dossiers qui peuvent être localisés n'importe où sur le disque dur.

Remarque :

Pour des raisons de sécurité, IIS ne vous autorise pas à créer des répertoires virtuels qui pointent vers des dossiers situés sur d'autres ordinateurs. Les répertoires virtuels doivent toujours pointer vers l'ordinateur local.

Dans cette partie de la procédure pas à pas, vous allez utiliser Visual Web Developer pour créer un répertoire virtuel qui pointe vers un site Web qui est stocké dans un dossier local sur l'ordinateur.

La première étape consiste à créer le répertoire virtuel. Si vous avez déjà créé un site Web de système de fichiers dans Visual Web Developer (par exemple, en effectuant les étapes décrites dans Procédure pas à pas : création d'une page Web de base dans Visual Web Developer), vous pouvez utiliser ce site Web.

Pour créer un site Web IIS local à l'aide d'un dossier virtuel

  1. Dans Visual Web Developer, dans le menu Fichier, cliquez sur Nouveau site Web.

  2. Sous Modèles Visual Studio installés, cliquez sur Site Web ASP.NET.

  3. Cliquez sur Parcourir.

    La boîte de dialogue Choisir un emplacement s'affiche.

  4. Cliquez sur Serveur IIS local.

  5. Sous Sélectionnez le site Web à ouvrir dans l'arborescence, cliquez sur Site Web par défaut, puis cliquez sur l'icône de Créer un répertoire virtuel qui se trouve dans le coin.

    Cette icône n'est pas étiquetée, mais lorsque vous placez le pointeur de la souris sur l'icône, le texte d'info-bulle Créer un répertoire virtuel apparaît.

    La boîte de dialogue Nouveau répertoire virtuel s'affiche.

  6. Dans la zone Nom de l'alias, tapez WebSite_vdir.

    Remarque :

    Vous pouvez nommer votre répertoire virtuel comme vous le souhaitez, tant que vous utilisez un nom qui est valide dans IIS.

  7. Dans la zone Dossier, tapez l'un des deux chemins suivants :

    • Le chemin d'accès d'un site Web de système de fichiers existant, le cas échéant. Vous pouvez cliquer sur Parcourir, puis localiser le dossier racine de ce site, si vous ne vous souvenez pas du chemin d'accès exact.

    • Le chemin d'accès où vous souhaitez créer un dossier pour stocker les dossiers et les fichiers pour le site Web.

  8. Cliquez sur OK.

    Si vous avez spécifié un dossier qui n'existe pas, Visual Web Developer vous invite à le créer.

    Visual Web Developer retourne ensuite à la boîte de dialogue Choisir un emplacement et met à jour la liste d'applications Web IIS qui possèdent le répertoire virtuel que vous avez créé.

  9. Sélectionnez le répertoire virtuel que vous venez de créer, cliquez sur Ouvrir, puis cliquez sur OK pour créer le site Web.

    Si vous avez pointé le répertoire virtuel vers un nouveau dossier ou un dossier existant qui ne contient pas de site Web, Visual Web Developer crée le dossier App_Data, une page par défaut et ouvre la page dans le concepteur.

    Si votre dossier virtuel pointe vers un site Web de système de fichiers existant, Visual Web Developer ouvre une boîte de dialogue Le site Web existe déjà et vous propose l'option permettant de sélectionner un nouveau dossier, d'ouvrir le site existant ou de créer un site Web à l'emplacement existant. Après avoir sélectionné votre option et cliqué sur OK, Visual Web Developer affiche le contenu du dossier dans l'Explorateur de solutions et ouvre la page Default.aspx, si elle existe.

Ajout de contrôles à la page Web

Comme vous l'avez déjà fait auparavant dans cette procédure pas à pas, vous allez utiliser une page Web ASP.NET simple pour tester le site Web IIS que vous créez. Si vous utilisez un site Web de système de fichiers, vous n'avez pas besoin de créer une nouvelle page. Si votre répertoire virtuel pointe vers un nouveau dossier, vous pouvez utiliser cette page.

S'il s'agit d'un nouveau site Web, vous allez ajouter des contrôles à la page par défaut afin de tester si la page fonctionne correctement.

Pour ajouter des contrôles à la page

  1. Dans Visual Web Developer, ouvrez la page Default.aspx et basculez en mode Conception.

  2. Depuis l'onglet Standard dans Boîte à outils, faites glisser un contrôle TextBox, Buttonet Label sur la page et placez-les ensuite à l'intérieur de l'élément div.

  3. Double-cliquez sur le contrôle Button, puis ajoutez le code mis en surbrillance suivant :

    Protected Sub Button1_Click(ByVal sender As Object, ByVal e As System.EventArgs) Handles Button1.Click
    Label1.Text = "Welcome to Visual Web Developer!"
End Sub

    protected void Button1_Click(object sender, System.EventArgs e)
{    
    Label1.Text = "Welcome to Visual Web Developer!";
}

  4. Enregistrez les fichiers.

Test du répertoire virtuel

Vous pouvez à présent tester le site Web.

Pour tester le site Web IIS local à l'aide du répertoire virtuel

  1. Dans Visual Web Developer, ouvrez une page dans le site Web qui peut être la page Default.aspx ou une autre page.

  2. Appuyez sur CTRL+F5 pour exécuter la page.

    La page s'ouvre dans le navigateur. Remarquez que l'URL dans le navigateur est https://localhost/website_vdir/default.aspx. Lorsque IIS résout l'URL, il recherche le chemin d'accès physique qui est associé au répertoire virtuel nommé Website_vdir et recherche la page à cet endroit.

  3. Lorsque la page apparaît dans le navigateur, cliquez sur le contrôle Button pour vous assurer que cela fonctionne.

  4. Fermez le navigateur.

Si vous pouvez vous connecter à l'ordinateur à partir d'un autre ordinateur, vous pouvez essayer les mêmes tests que ceux qui sont utilisés dans la section précédente pour essayer d'accéder à la page.

Suppression d'un Site Web IIS local

Vous pouvez gérer des sites Web IIS locaux dans Visual Web Developer en supprimant ceux dont vous n'avez plus besoin. Le fonctionnement de la suppression diffère selon le type de site Web IIS local avec lequel vous travaillez :

  • Lorsque vous supprimez un site Web sous la racine IIS, l'application Web est supprimée d'IIS et les fichiers et les dossiers pour le site Web sont également supprimés.

  • Lorsque vous supprimez un répertoire virtuel, les informations IIS à propos de ce site Web sont supprimées, mais les fichiers et les dossiers dans le dossier du système de fichiers local sont laissés intacts.

Pour supprimer le site Web IIS local

  1. Dans le menu Fichier, cliquez sur Fermer la solution ou Fermer le projet.

  2. Dans le menu Fichier, cliquez sur Ouvrir le site Web.

  3. Dans la boîte de dialogue Ouvrir le site Web, cliquez sur Serveur IIS local.

  4. Cliquez sur le nom du répertoire virtuel (Website_vdir) que vous avez créé précédemment dans la procédure pas à pas.

    Attention :

    Si vous sélectionnez un site Web différent, les fichiers et les dossiers pour ce site Web peuvent être supprimés.

  5. Cliquez sur l'icône de suppression située dans le coin supérieur.

    Cette icône n'est pas étiquetée, mais lorsque vous placez le pointeur de la souris dessus, le texte d'info-bulle Supprimer apparaît.

  6. Lorsque vous êtes invités à confirmer la suppression du site Web, cliquez sur Oui.

  7. Cliquez sur Annuler pour fermer la boîte de dialogue Ouvrir le site Web.

  8. Ouvrez le navigateur, puis tapez l'URL du répertoire virtuel :

    https://localhost/website_vdir/default.aspx

    Cette fois, le navigateur rapporte que la page est introuvable, parce qu'IIS ne reconnaît plus Website_vdir en tant que site Web sur l'ordinateur local.

    Remarque :

    Il est possible que la page ait été mise en cache par le navigateur local. Dans ce cas, la page peut continuer à s'afficher tant que vous n'aurez pas vidé le cache du navigateur et essayé de consulter la page à nouveau.

Étapes suivantes

Dans cette procédure pas à pas, vous avez appris à créer un site Web à l'aide de la copie locale de IIS. Vous pouvez souhaiter en savoir plus à propos d'autres types des sites Web que vous pouvez créer dans Visual Web Developer. Par exemple, vous pouvez souhaiter procéder comme suit :

Voir aussi

Concepts

Types des sites Web dans Visual Web Developer

Utilisation de Visual Web Developer en tant qu'utilisateur autre qu'un administrateur