共用方式為


逐步解說:發行網站

更新:2007 年 11 月

提供使用 Microsoft Visual Web Developer Web 開發工具的發行網站公用程式來編譯網站,然後將輸出複製至現用網站的逐步說明。

如果您想將已完成的網站部署至伺服器,可以使用 Microsoft Visual Web Developer Web 開發工具中所含的發行網站公用程式。發行網站公用程式會先行編譯網站中的頁面和程式碼,並將編譯器輸出寫入您指定的資料夾。您也可以將輸出複製至目標 Web 伺服器並從其中執行應用程式。

注意事項:

在 Visual Web Developer Express 版中無法使用發行網站公用程式。

本逐步解說將說明的工作包括下列項目:

  • 使用發行網站公用程式建立先行編譯的輸出。

必要條件

若要完成這個逐步解說,您必須進行下列步驟:

  • Visual Web Developer。

    Visual Web Developer Express 版不支援發行網站公用程式。

  • 存取 Microsoft Internet Information Services (IIS),以便測試發行網站的結果。

    在此逐步解說中,假設您自己電腦上的 IIS 已在執行。或者,您也可以使用具有使用權限可為其建立虛擬目錄之 IIS 的任何執行個體。

建立網站

如果您已經藉由完成逐步解說:在 Visual Web Developer 中建立基本 Web 網頁中的步驟,在 Visual Web Developer 中建立了網站,則可以使用該網站,並繼續進行下一節的步驟。否則,請依照下列這些步驟建立新的網站和 Web 網頁。

在此逐步解說中,您將建立檔案系統網站。

若要建立檔案系統網站

  1. 開啟 Visual Web Developer。

  2. 在 [檔案] 功能表上,按一下 [新網站]。

    [新網站] 對話方塊隨即出現。

  3. 請在 [Visual Studio 安裝的範本] 下方,按一下 [ASP.NET 網站]。

  4. 在最左邊的 [位置] 清單中,按一下 [檔案系統]。

  5. 在最右邊的 [位置] 清單中,輸入您想要用來保存網站之網頁的資料夾名稱。

    例如,輸入資料夾名稱 C:\WebSites。

  6. 在 [語言] 清單中,按一下您想要操作的程式語言。

  7. 按一下 [確定]。

    Visual Web Developer 會建立資料夾和命名為 Default.aspx 的新頁面。

建立測試頁面和類別

在此逐步解說中,您將建立包含一些控制項的 Web 網頁。還要建立將在 Web 網頁中使用的類別檔案。同時建立 Web 網頁和個別類別將讓您了解發行處理如何先行編譯網站的內容。

您將從建立新網頁開始,然後在網頁中加入按鈕和標籤。

若要建立網頁並加入控制項

  1. 在 [方案總管] 中,以滑鼠右鍵按一下網站的名稱,然後按一下 [加入新項目]。

  2. 請在 [Visual Studio 安裝的範本] 下方,按一下 [Web Form]。

  3. 在 [名稱] 方塊中,輸入 SamplePage.aspx。

  4. 在 [語言] 清單中,按一下您想要操作的程式語言。

  5. 按一下 [加入]。

  6. 切換至 [設計] 檢視。

  7. 從 [工具箱] 的 [標準] 群組中,將 Label控制項拖曳至頁面。

  8. 從 [工具箱] 的 [標準] 群組中,將 Button 控制項拖曳至頁面,並將其定位於 Label 旁邊。

下一步,您將為包含單一屬性的簡單類別建立原始程式碼。您將在網頁的程式碼中使用該類別。

若要建立類別

  1. 在 [方案總管] 中,以滑鼠右鍵按一下網站名稱,指向 [加入 ASP.NET 資料夾],然後按一下 [App_Code]。

    名為 App_Code 的新資料夾隨即出現在 [方案總管] 的應用程式中。App_Code 資料夾是特別保留的 ASP.NET 應用程式資料夾。如需詳細資訊,請參閱 ASP.NET 網站配置

  2. 以滑鼠右鍵按一下 App_Code 資料夾,然後按一下 [加入新項目]。

  3. 請在 [Visual Studio 安裝的範本] 下方,按一下 [類別]。

  4. 在 [名稱] 方塊中,輸入 TestClass。

  5. 在 [語言] 清單中,按一下您想要操作的程式語言。

    注意事項:

    您選擇的程式語言與在 .aspx 頁面中所使用的程式語言可以不同。

  6. 按一下 [加入]。

    Visual Web Developer 會使用指定的程式語言建立基本架構類別檔案。請注意,類別檔案名稱的副檔名應該與選取的語言相符。例如,如果使用 Microsoft Visual Basic 建立類別,則副檔名為 .vb。

  7. 建立名為 TestProperty 的屬性。

    當完成時,完整的類別檔案看起來可能如下:

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

現在,您可以在頁面中使用類別。請注意,使用類別檔案前不需要對其進行編譯。

若要在頁面程式碼中使用類別

  1. 開啟 [SamplePage.aspx],並切換至 [設計] 檢視。

  2. 按兩下 Button 控制項,為它建立 Click 處理常式。

  3. 在 Click 處理常式中,為在先前程序中建立的 TestClass 建立執行個體,將值指派至 TestProperty 屬性,然後在 Label 控制項中顯示 TestProperty 值。

    完整的程式碼看起來可能如下:

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

測試網站

發行網站前,可以測試該網站,確定其以預期的方式運作。

若要測試網站

  1. 開啟 [SamplePage.aspx 頁面]。

  2. 按下 CTRL+F5 鍵。

    頁面會出現在瀏覽器中。

  3. 按一下 [按鈕],並確定文字出現在 Label 控制項中。

  4. 關閉瀏覽器。

發行網站

現在您已有了網站,可以將其發行了。您可以將網站發行至本機電腦或網路 (使用 Visual Web Developer 所支援的任何連結通訊協定) 上任何您具有存取權限的位置。複製網站有下列選項:

  • 使用 UNC 共用複製至網路中另一部電腦上的共用資料夾。

  • 使用 FTP 複製至伺服器。

  • 使用 HTTP 通訊協定複製至支援 Microsoft 之 FrontPage 2002 Server Extensions 的伺服器。

在這部分的逐步解說中,您將發行網站至本機資料夾。

若要發行網站

  1. 在 [建置] 功能表上,按一下 [發行網站]。

    [發行網站] 對話方塊隨即出現。

  2. 在 [目標位置] 方塊中,輸入 c:\CompiledSite。

    警告:

    目標資料夾及其子資料夾中的所有資料都將被刪除。確定輸入名稱的資料夾及其子資料夾均不包含資料。

    在此逐步解說中,您將發行至本機資料夾。您也可以發行至 UNC 共用。如果您想使用 HTTP 或 FTP 發行至遠端網站,可以在 [目標位置] 方塊中指定遠端伺服器 URL。

    [讓這個先行編譯的站台成為可更新] 選項會指定將所有程式碼編譯成組件 (Assembly),但是 .aspx 檔案 (包括單一檔案 ASP.NET Web 網頁) 會依現狀複製至目標資料夾。在此逐步解說中,您不會選取該選項。如需詳細資訊,請參閱發行網站

  3. 按一下 [確定]。

    Visual Web Developer 會先行編譯網站的內容,並將輸出寫入指定的資料夾。[輸出] 視窗會顯示進度訊息。如果編譯期間發生錯誤,[輸出] 視窗中會報告錯誤。

  4. 如果發行期間發生錯誤,請修復錯誤,然後重複步驟 1。

檢查發行網站命令的輸出

檢查 [發行網站] 命令的輸出非常有用,可讓您查看 Visual Web Developer 對網站檔案做了哪些處理。

若要檢查發行網站命令的輸出

  1. 在 [Windows 總管] 中,移至您指定為 [發行網站] 命令之目標的資料夾。

  2. 使用文字編輯器 (例如,記事本) 開啟 SamplePage.aspx 檔案。

    請注意,檔案不包含最初所含的標記。事實上,.aspx 頁面僅為可以用做部分 URL 的預留位置。

  3. 移至 Bin 資料夾。

    資料夾包含兩種類型的檔案:

    • .compiled 檔案,對應至網頁。

    • .dll 檔案,包含網站的可執行程式碼,例如您建立的類別檔案。

請記得您建立的頁面、其程式碼和個別類別檔案已全部編譯為可執行程式碼。

測試發行的網站

您現在可以透過執行發行的網站來測試它。

若要測試發行的網站

  1. 建立指向目標資料夾的 IIS 虛擬目錄。

    您可以使用 IIS 管理工具,或使用下列步驟:

    1. 在 [Windows 總管] 中,以滑鼠右鍵按一下目標資料夾名稱,然後按一下 [共用和安全性]。

    2. 在 [Web 共用] 索引標籤中,按一下 [共用這個資料夾]。

      [編輯別名] 對話方塊隨即出現。

    3. 如果需要,可以變更別名。

      預設使用權限允許「讀取」存取以及執行「指令碼」,例如 ASP.NET 網頁。

    4. 按一下 [確定] 關閉 [編輯別名] 對話方塊,然後再按 [確定] 關閉 [屬性] 對話方塊。

  2. 開啟瀏覽器,輸入下列 URL:

    https://localhost/CompiledSite/SamplePage.aspx

    SamplePage.aspx 頁面隨即出現。但是,這次您檢視的是先行編譯器為部署建立的網頁版本。

後續步驟

此逐步解說示範了發行先行編譯之網站的基本程序。建議另外再研究下列各項:

  • 改為實驗使用「複製 Web」工具,它會將網站依現狀 (做為原始程式碼) 複製至目標資料夾。

    如需詳細資訊,請參閱使用複製網站工具複製網站

  • 將網站發行至遠端 IIS 網站。

請參閱

工作

逐步解說:使用複製網站工具複製網站

概念

發行網站

其他資源

Visual Web Developer 中的網站部署