Procédure pas à pas : publication d'un site Web

Article
08/21/2008

Mise à jour : novembre 2007

Fournit des instructions pas à pas sur l'utilisation de l'utilitaire Publier le site Web de l'outil de développement Web Microsoft Visual Web Developer pour compiler un site Web, puis copier la sortie vers un site Web actif.

Pour déployer un site Web vers un serveur, vous pouvez utiliser l'utilitaire Publier le site Web qui est inclus avec l'outil de développement Web Microsoft Visual Web Developer outil de développement Web. L'utilitaire Publier le site Web précompile les pages et le code qui se trouvent dans le site Web et écrit les résultats de la compilation dans un dossier que vous spécifiez. Vous pouvez ensuite copier la sortie vers le serveur Web cible et exécuter l'application à partir de celui-ci.

Remarque :
L'utilitaire Publier le site Web n'est pas disponible dans Visual Web Developer Express.

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

Utilisation de l'utilitaire Publier le site Web pour créer une sortie précompilée

Composants requis

Pour effectuer cette procédure pas à pas, vous aurez besoin des éléments suivants :

Visual Web Developer.

Visual Web Developer Express ne prend pas en charge l'utilitaire Publier le site Web.
Accédez à Microsoft Internet Information Services (IIS) afin de pouvoir tester le résultat de la publication d'un site Web.

Dans cette procédure pas à pas, il est supposé que IIS est en cours d'exécution sur votre propre ordinateur. Vous pouvez également utiliser toute instance de IIS pour laquelle vous avez l'autorisation de créer un répertoire virtuel.

Création du site Web

Si vous avez déjà créé un site Web dans Visual Web Developer 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 et passer à la section suivante. Sinon, créez un site et une page Web en suivant ces étapes.

Pour cette procédure pas à pas, vous créerez un site Web de système de fichiers.

Pour créer un site Web de système de fichiers

Ouvrez Visual Web Developer.
Dans le menu Fichier, cliquez sur Nouveausite Web.

La boîte de dialogue Nouveau site Web s'affiche.
Sous Modèles Visual Studio installés, cliquez sur Site Web ASP.NET.
Dans la liste Emplacement la plus à gauche, cliquez sur Système de fichiers.
Dans la liste Emplacement la plus à droite, entrez le nom du dossier dans lequel vous souhaitez conserver les pages du site Web.

Par exemple, tapez le nom du dossier C:\SitesWeb.
Dans la liste Langage, cliquez sur le langage de programmation que vous préférez utiliser.
Cliquez sur OK.

Visual Web Developer crée le dossier et une page nommée Default.aspx.

Création d'une page et d'une classe de test

Pour cette procédure pas à pas, vous créerez une page Web avec des contrôles. Vous créerez également un fichier de classe que vous utiliserez dans la page Web. La création d'une page Web et d'une classe séparée vous permettra de voir comment le processus de publication précompile le contenu du site Web.

Vous commencerez par créer une page, puis ajouterez ensuite un bouton et une étiquette à la page.

Pour créer la page et ajouter des contrôles

Dans l'Explorateur de solutions, cliquez avec le bouton droit sur le nom du site Web, puis cliquez sur Ajouter un nouvel élément.
Sous Modèles Visual Studio installés, cliquez sur Formulaire Web.
Dans la zone Nom, tapez SamplePage.aspx.
Dans la liste Langage, cliquez sur le langage de programmation que vous préférez utiliser.
Cliquez sur Ajouter.
Basculez en mode Design.
À partir du groupe Standard de la Boîte à outils, faites glisser un contrôle Label sur la page.
À partir du groupe Standard dans la Boîte à outils, faites glisser un contrôle Button sur la page et positionnez-le à côté du contrôle Label.

Ensuite, vous créerez le code source pour une classe simple qui contient une seule propriété. Vous utiliserez cette classe dans le code de votre page.

Pour créer une classe

Dans l'Explorateur de solutions, cliquez avec le bouton droit sur le nom du site Web, cliquez sur Ajouter le dossier ASP.NET, puis sur App_Code.

Un nouveau dossier nommé App_Code apparaît dans votre application dans l'Explorateur de solutions. Le dossier App_Code est un dossier d'application ASP.NET réservé spécial. Pour plus d'informations, consultez Disposition des sites Web ASP.NET.
Cliquez avec le bouton droit sur le dossier App_Code, puis cliquez sur Ajouter un nouvel élément.
Sous Modèles Visual Studio installés, cliquez sur Classe.
Dans la zone Nom, tapez TestClass.
Dans la liste Langage, cliquez sur le langage de programmation que vous préférez utiliser.

Remarque :

Le langage de programmation que vous sélectionnez ne doit pas être le même que le langage de programmation que vous utilisez dans la page .aspx.
Cliquez sur Ajouter.

Visual Web Developer crée un fichier classe squelette dans le langage de programmation spécifié. Notez que l'extension du nom de fichier de classe correspond au langage que vous avez sélectionné. Par exemple, si vous créez une classe dans Microsoft Visual Basic, l'extension de nom de fichier est .vb.

Remarque :
Le langage de programmation que vous sélectionnez ne doit pas être le même que le langage de programmation que vous utilisez dans la page .aspx.

Créez une propriété nommée TestProperty.

Lorsque vous avez terminé, votre fichier de classe doit se présenter comme suit :

Imports Microsoft.VisualBasic
    Public Class TestClass
    Private TestPropertyValue As String
    Public Property TestProperty() As String
        Get
            Return TestPropertyValue
        End Get
        Set(ByVal value As String)
            TestPropertyValue = value
        End Set
    End Property
End Class

using System;
public class TestClass
{
    public TestClass() { }
    private string TestPropertyValue;
    public string TestProperty
    {
        get{ return TestPropertyValue; }
        set{ TestPropertyValue = value; } 
    }
}

À présent, vous pouvez utiliser la classe dans la page. Notez que vous ne devez pas compiler le fichier de classe avant de l'utiliser.

Pour utiliser la classe dans le code de la page

Ouvrez SamplePage.aspx, puis basculez en mode Design.
Double-cliquez sur le contrôle Button afin de créer un gestionnaire Click pour celui-ci.

Dans le gestionnaire Click, créez une instance du TestClass que vous avez créé dans la procédure précédente, assignez une valeur à la propriété TestProperty, puis affichez la valeur TestProperty dans le contrôle Label.

Le code complet se présentera comme suit :

Protected Sub Button1_Click(ByVal sender As Object, _
    ByVal e As System.EventArgs)
    Dim testClass As New TestClass
    testClass.TestProperty = "Hello"
    Label1.Text = testClass.TestProperty
End Sub

protected void Button1_Click(object sender, EventArgs e)
{
    TestClass testClass = new TestClass();
    testClass.TestProperty = "Hello";
    Label1.Text = testClass.TestProperty;
}

Test du site

Avant de publier le site, vous pouvez le tester afin de vous assurer qu'il fonctionne de la manière attendue.

Pour tester le site Web

Ouvrez la page SamplePage.aspx.
Appuyez sur la combinaison de touches CTRL+F5.

La page s'affiche dans le navigateur.
Cliquez sur Button et assurez-vous que ce texte apparaît dans le contrôle Label.
Fermez le navigateur.

Publication du site Web

Maintenant que vous avez un site Web, vous pouvez le publier. Vous pouvez publier le site Web dans tout emplacement auquel vous avez accès sur l'ordinateur local ou sur un réseau qui utilise un protocole de connexion pris en charge par Visual Web Developer. Vous disposez des options suivantes pour copier le site Web :

Utilisez un partage UNC pour copier vers un dossier partagé qui se trouve sur un autre ordinateur sur le réseau.
Utilisez FTP pour copier vers un serveur.
Utilisez le protocole HTTP pour copier vers un serveur qui prend en charge les extensions de serveur FrontPage 2002 de Microsoft.

Dans cette partie de la procédure pas à pas, vous publierez le site Web dans un dossier local.

Pour publier le site Web

Dans le menu Générer, cliquez sur Publier le site Web.

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

Dans la zone Emplacement cible, entrez c:\SiteCompilé.

Attention :
Toutes les données dans le dossier cible et ses sous-dossiers seront supprimées. Assurez-vous de ne pas taper le nom d'un dossier qui contient des données ou des sous-dossiers avec des données.

Dans le cadre de cette procédure pas à pas, vous publiez dans un dossier local. Vous pourriez également le publier dans un partage UNC. Pour publier sur un site Web distant à l'aide de HTTP ou FTP, vous spécifierez l'URL du serveur distant dans la zone Emplacement cible.

L'option Autoriser ce site précompilé à être mis à jour spécifie que tout le code du programme est compilé dans des assemblys, mais que les fichiers .aspx (y compris les pages Web ASP.NET à fichier unique) sont copiés tels quels dans le dossier cible. Dans cette procédure pas à pas, vous ne sélectionnerez pas cette option. Pour plus d'informations, consultez Publication de sites Web.

Cliquez sur OK.

Visual Web Developer précompile le contenu du site Web et écrit la sortie dans le dossier spécifié. La fenêtre Sortie affiche des messages d'avancement. Si une erreur se produit pendant la compilation, elle est rapportée dans la fenêtre Sortie.
Si des erreurs se produisent pendant la publication, résolvez les erreurs, puis répétez l'étape 1.

Examen de la sortie de la commande Publier le site Web

Il est utile d'examiner la sortie de la commande Publier le site Web afin que vous puissiez voir ce que Visual Web Developer a fait avec les fichiers de votre site Web.

Pour examiner la sortie de la commande Publier le site Web

Dans l'Explorateur Windows, accédez au dossier que vous avez spécifié en tant que dossier cible pour la commande Publier le site Web.
À l'aide d'un éditeur de texte, tel que le Bloc-notes, ouvrez le fichier SamplePage.aspx.

Notez que le fichier ne contient pas le balisage qui se trouvait initialement dans le fichier. À la place, la page .aspx est uniquement un espace réservé qui peut être utilisé dans une URL.
Accédez au dossier Bin.

Le dossier contient deux types de fichiers :
- des fichiers .compiled qui correspondent aux pages ;
- des fichiers .dll qui contiennent le code exécutable pour le site Web, tel que le fichier de classe que vous avez créé.

Rappelez-vous que la page, son code et le fichier de classe séparé que vous aviez créé ont tous été compilé dans du code exécutable.

Test du site Web publié

Vous pouvez à présent tester le site Web publié en l'exécutant.

Pour tester le site Web publié

Créez un répertoire virtuel IIS qui pointe vers le dossier cible.

Vous pouvez utiliser les outils d'administration IIS ou bien procéder comme suit :
1. Dans l'Explorateur Windows, cliquez avec le bouton droit sur le nom du dossier cible, puis cliquez sur Partage et sécurité.
2. Sous l'onglet Partage Web, cliquez sur Partager ce dossier.
  
  La boîte de dialogue Modifier l'alias s'affiche.
3. Si vous le souhaitez, modifiez le nom de l'alias.
  
  Les autorisations par défaut autorisent l'accès Lire et l'exécution des scripts, tels que les pages ASP.NET.
4. Cliquez sur OK pour fermer la boîte de dialogue Modifier l'alias, puis cliquez sur OK pour fermer la boîte de dialogue Propriétés.
Ouvrez le navigateur, puis tapez l'URL suivante :

https://localhost/SiteCompilé/SamplePage.aspx

La page SamplePage.aspx s'affiche. Toutefois, vous voyez cette fois-ci la version de la page qui a été créée par le précompilateur pour le déploiement.

Étapes suivantes

Cette procédure pas à pas vous a indiqué la procédure de base pour publier un site Web précompilé. Voici quelques suggestions pour une exploration plus approfondie :

Essuyez d'utiliser à la place l'outil Copier l'application Web qui copie le site Web tel quel (en tant que code source) vers un dossier cible.

Pour plus d'informations, consultez Copie de sites Web avec l'outil Copier le site Web.
Publiez le site Web sur un site Web IIS distant.

Voir aussi

Tâches

Procédure pas à pas : copie d'un site Web à l'aide de l'outil Copier le site Web

Concepts

Vue d'ensemble du déploiement ASP.NET

Publication de sites Web

Partager via