Compartir a través de

Tutorial: Publicar un sitio Web

  • Artículo

Actualización: noviembre 2007

Proporciona instrucciones paso a paso para usar la utilidad de publicación de sitios Web de la herramienta de desarrollo Web de Microsoft Visual Web Developer para compilar un sitio Web y, a continuación, copiar el resultado en un sitio Web activo.

Si desea implementar un sitio Web terminado en un servidor, puede usar la utilidad de publicación de sitios Web de la herramienta de desarrollo Web de Microsoft Visual Web Developer. La utilidad de publicación de sitios Web realiza una compilación previa de las páginas y el código del sitio Web y escribe el resultado del compilador en una carpeta especificada por el usuario. A continuación, se puede copiar el resultado en el servidor Web de destino y ejecutar la aplicación desde allí.

Nota:

La utilidad de publicación de sitios Web no está disponible en Visual Web Developer Express.

Entre las tareas ilustradas en este tutorial se incluyen las siguientes:

  • Utilizar la utilidad de publicación de sitios Web para crear el resultado precompilado.

Requisitos previos

Para poder completar este tutorial, necesitará lo siguiente:

  • Visual Web Developer.

    Visual Web Developer Express no es compatible con la utilidad de publicación de sitios Web.

  • Acceso a Microsoft Internet Information Services (IIS) para poder probar el resultado de la publicación de un sitio Web.

    En este tutorial, se supone que IIS se está ejecutando en el equipo. Alternativamente, puede utilizar cualquier instancia de IIS para la que tenga los permisos necesarios para crear un directorio virtual.

Crear el sitio Web

Si ya ha creado un sitio Web en Visual Web Developer finalizando Tutorial: Crear una página Web básica en Visual Web Developer, puede utilizar ese sitio Web e ir a la sección siguiente. De lo contrario, cree un sitio Web y una página nuevos siguiendo estos pasos.

Para este tutorial, creará un sitio Web del sistema de archivos.

Para crear un sitio Web del sistema de archivos

  1. Abra Visual Web Developer.

  2. En el menú Archivo, haga clic en Nuevositio Web.

    Aparece el cuadro de diálogo Nuevo sitio Web.

  3. En Plantillas instaladas de Visual Studio, haga clic en Sitio Web de ASP.NET.

  4. En la lista Ubicación situada a la izquierda, haga clic en Sistema de archivos.

  5. En la lista Ubicación situada más a la derecha, escriba el nombre de la carpeta dónde desea conservar las páginas del sitio Web.

    Por ejemplo, escriba el nombre de carpeta C:\WebSites.

  6. En la lista Lenguaje, haga clic en el lenguaje de programación con el que prefiera trabajar.

  7. Haga clic en Aceptar.

    Visual Web Developer crea la carpeta y una nueva página denominada Default.aspx.

Crear una página y una clase de prueba

Para este tutorial, creará una página Web con algunos controles. También creará un archivo de clase que utilizará en la página Web. La creación de una página Web y una clase independiente le permitirá ver cómo el proceso de la publicación precompila el contenido del sitio Web.

Para empezar, debe crear una nueva página, a continuación, y agregar un botón y una etiqueta a la página.

Para crear la página y agregar los controles

  1. En el Explorador de soluciones, haga clic con el botón secundario en el nombre del sitio Web y haga clic en Agregar nuevo elemento.

  2. En Plantillas instaladas de Visual Studio, haga clic en Web Forms.

  3. En el cuadro Nombre, escriba SamplePage.aspx.

  4. En la lista Lenguaje, haga clic en el lenguaje de programación con el que prefiera trabajar.

  5. Haga clic en Agregar.

  6. Cambie a la vista Diseño.

  7. Desde el grupo Estándar del cuadro de herramientas,arrastre un control Labelhasta la página.

  8. Desde el grupo Estándar del cuadro de herramientas, arrastre un control Button hasta la página y colóquelo al lado del control Label.

Después, creará el código fuente para una clase simple con una única propiedad. Utilizará la clase en el código de la página.

Para crear una clase

  1. En el Explorador de soluciones, haga clic con el botón secundario en el nombre del sitio Web, seleccione Agregar carpeta ASP.NET y, a continuación, haga clic en App_Code.

    Una nueva carpeta denominada App_Code aparece en la aplicación en el Explorador de soluciones. La carpeta App_Code es una carpeta de aplicación ASP.NET especial reservada. Para obtener más información, vea Diseño de sitios Web ASP.NET.

  2. Haga clic con el botón secundario en la carpeta App_Code y, a continuación, haga clic en Agregar nuevo elemento.

  3. En Plantillas instaladas de Visual Studio, haga clic en Clase.

  4. En el cuadro Nombre, escriba claseDePrueba.

  5. En la lista Lenguaje, haga clic en el lenguaje de programación con el que prefiera trabajar.

    Nota:

    El lenguaje de programación que seleccione no tiene que ser el mismo que el lenguaje de programación de la página .aspx.

  6. Haga clic en Agregar.

    Visual Web Developer crea un archivo de clase esqueleto en el lenguaje de programación que haya especificado. Observe que la extensión del nombre de archivo de clase coincide con el lenguaje que ha seleccionado. Por ejemplo, si está creando una clase en Microsoft Visual Basic, la extensión de nombre de archivo es .vb.

  7. Cree una propiedad denominada TestProperty.

    Cuando termine, el archivo de clase completo tendrá un aspecto similar al siguiente:

    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; } 
    }
}

Ya puede utilizar la clase en la página. Observe que no tiene que compilar el archivo de clase antes de utilizarlo.

Para utilizar la clase en el código de la página

  1. Abra SamplePage.aspx y cambie a la vista Diseño.

  2. Haga doble clic en el control Button para crear un controlador Click para él.

  3. En el controlador Click, cree una instancia de la clase TestClass que creó en el procedimiento anterior, asigne un valor a la propiedad TestProperty y, a continuación, muestre el valor de TestProperty en el control Label.

    El código completo tendrá un aspecto similar al siguiente:

    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;
}

Probar el sitio

Antes de publicar el sitio, puede probarlo para asegurarse de que funciona como se espera.

Para probar el sitio Web

  1. Abra la página SamplePage.aspx.

  2. Presione CTRL+F5.

    La página se muestra en el explorador.

  3. Haga clic en Botón y asegúrese de que aparece texto en el control Label.

  4. Cierre el explorador.

Publicar el sitio Web

Ahora que tiene un sitio Web, puede publicarlo. Puede publicar el sitio Web en cualquier ubicación a la que tenga acceso en el equipo local o en una red en que se use uno protocolo de conexión compatible con Visual Web Developer. Tiene las opciones siguientes para copiar el sitio Web:

  • Utilizar un recurso compartido UNC para copiarlo en una carpeta compartida que esté en otro equipo de la red.

  • Utilizar FTP para copiarlo en un servidor.

  • Utilizar el protocolo HTTP para copiarlo en un servidor compatible con las Extensiones de servidor de FrontPage 2002 de Microsoft.

En esta parte del tutorial, publicará el sitio Web en una carpeta local.

Para publicar el sitio Web

  1. En el menú Generar, haga clic en Publicar sitio Web.

    Aparece el cuadro de diálogo Publicar sitio Web.

  2. En el cuadro Ubicación de destino, escriba c:\CompiledSite.

    Precaución:

    Todos los datos de la carpeta de destino y sus subcarpetas se eliminarán. Asegúrese de que no escribe el nombre de una carpeta con datos o con subcarpetas con datos.

    En lo que se refiere a este tutorial, está publicando en una carpeta local. También podría publicar en un recurso compartido UNC. Si deseara publicar en un sitio Web remoto mediante HTTP o FTP, debería especificar la dirección URL del servidor remoto en el cuadro Ubicación de destino.

    La opción Permitir que este sitio precompilado se actualice especifica que todo el código del programa se compila en ensamblados, pero que los archivos .aspx (incluidas las páginas Web ASP.NET de un solo archivo) se copian tal cual en la carpeta de destino. En este tutorial, no seleccionará esa opción. Para obtener información detallada, vea Publicar sitios Web.

  3. Haga clic en Aceptar.

    Visual Web Developer precompila el contenido del sitio Web y escribe el resultado en la carpeta que ha especificado. En la ventana Resultados se muestran mensajes de progreso. Si se produce un error durante la compilación, se crea un informe en la ventana Resultados.

  4. Si se producen errores durante la publicación, corríjalos y, a continuación, repita el paso 1.

Examinar el resultado del comando Publicar sitio Web

Resulta útil examinar el resultado del comando Publicar sitio Web para comprobar qué ha hecho Visual Web Developer con los archivos del sitio Web.

Para examinar el resultado del comando Publicar sitio Web

  1. En el Explorador de Windows, desplácese a la carpeta que especificó como el destino para el comando Publicar sitio Web.

  2. Utilizando un editor de texto, como Bloc de notas, abra el archivo SamplePage.aspx.

    Observe que el archivo no contiene el marcado que había originalmente en el archivo. En lugar de ello, la página .aspx es sólo un marcador de posición que se puede utilizar como parte de una dirección URL.

  3. Desplácese a la carpeta Bin.

    La carpeta contiene dos tipos de archivos:

    • Archivos .compiled, que corresponden a las páginas.

    • Archivos .dll, que contienen el código ejecutable para el sitio Web, como el archivo de clase que creó anteriormente.

Recuerde que la página, su código y el archivo de clase independiente que creó se han compilado y son ahora código ejecutable.

Probar el sitio Web publicado

A continuación, puede probar el sitio Web publicado mediante su ejecución.

Para probar el sitio Web publicado

  1. Cree un directorio virtual de IIS que indique la carpeta de destino.

    Puede utilizar las herramientas administrativas de IIS o, alternativamente, realizar los pasos siguientes:

    1. En el Explorador de Windows, haga clic con el botón secundario en el nombre de la carpeta de destino y, a continuación, haga clic en Compartir y seguridad.

    2. En la ficha Uso compartido de Web, haga clic en Compartir esta carpeta.

      Aparecerá el cuadro de diálogo Modificar alias.

    3. Si lo desea, puede cambiar el nombre del alias.

      Los permisos predeterminados permiten acceso de lectura y permiten ejecutar scripts, por ejemplo páginas ASP.NET.

    4. Haga clic en Aceptar para cerrar el cuadro de diálogo Modificar alias y, a continuación, haga clic en Aceptar para cerrar el cuadro de diálogo Propiedades.

  2. Abra el explorador y escriba la dirección URL siguiente:

    https://localhost/CompiledSite/SamplePage.aspx

    Aparece la página SamplePage.aspx. Sin embargo, esta vez verá la versión de la página creada por el precompilador para su implementación.

Pasos siguientes

Este tutorial le ha mostrado el procedimiento básico para publicar un sitio Web precompilado. Si desea obtener más información, le ofrecemos las sugerencias siguientes:

  • Experimente con la herramienta Copiar Web, que copia el sitio Web tal cual (como código fuente) en una carpeta de destino.

    Para obtener más información, vea Copiar sitios Web con la herramienta Copiar sitio Web.

  • Publique el sitio Web en un sitio Web de IIS remoto.

Vea también

Tareas

Tutorial: Copiar un sitio Web mediante la herramienta Copiar sitio Web

Conceptos

Información general sobre la implementación de ASP.NET

Publicar sitios Web