逐步解說：記錄和執行 Web 效能測試

在這個逐步解說中，您將使用 Visual Studio Ultimate 工具會從瀏覽器記錄建立 Web 效能測試並驗證其運作正確。

若要建立 Web 效能測試，就會記錄一個瀏覽器工作階段。 瀏覽器工作階段就會顯示在 Web 效能測試編輯器中的 URL 清單。 每個 URL 代表 Web 要求。 如需 Web 效能測試的詳細資訊，請參閱建立和編輯 Web 效能測試。

您將執行下列工作:

• 建立 Web 效能測試和負載測試專案

• 從瀏覽器記錄建立 Web 效能測試

• 執行 Web 效能測試以便驗證它是否正確運作

必要條件

本主題包含您需要:

• Visual Studio Ultimate

• 您在 逐步解說：建立簡單 Web 應用程式中建立的 Web 應用程式

準備進行逐步解說

如需這個逐步解說中，您不會對您在 逐步解說：建立簡單 Web 應用程式中建立的 Web 應用程式的任何變更，不過，您將需要應用程式的位址。

準備進行逐步解說

1. 開啟您在 逐步解說：建立簡單 Web 應用程式中建立的 Web 應用程式。

2. 按下 CTRL+F5，即可在瀏覽器中執行 Web 應用程式。 您應該會看見第一頁。

   注意事項
   這會啟動「ASP.NET 程式開發伺服器」，以便執行 Web 效能測試所要測試的 Web 應用程式。您會在工作列右邊的告知區域中看到「ASP.NET 程式開發伺服器」圖示。

3. 請將您的 Web 應用程式位址複製至 [剪貼簿] 或 [記事本] 檔案。 例如，其位址可能像這樣：http://localhost:<PortNumber>/ColorWebApp/Default.aspx

4. 關閉瀏覽器。

建立 Web 效能測試和負載測試專案

若要建立 Web 效能測試和負載測試專案

1. 在 [檔案] 功能表上指向 [加入] ]，然後選取 [新的專案]。

   [加入新的專案] 對話方塊隨即出現。

2. 在 [已安裝的範本] 之下，根據您的偏好展開 [Visual Basic] 或 [Visual C#] ]，然後選取 [測試]。

   注意事項
   在這個逐步解說中，您將不會撰寫任何程式碼。您為專案所選的語言，將會影響產生 Web 效能測試時所使用的語言。

3. 在範本清單中，選取 [Web 效能和負載測試專案]。

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

5. 在 [位置] 方塊中，輸入儲存 Web 應用程式資料夾的名稱。 例如，輸入資料夾名稱 C:\Users\<user name>\Documents\Visual Studio 11\Projects\ColorWebApp。 您也可以使用 [瀏覽] 按鈕尋找資料夾。

6. 選擇 [確定]。

   ColorWebAppTest 專案加入至方案，包含 Web 效能測試採用名為 WebTest1.webtest

7. 在方案總管中，選取 WebTest1.webtest 和開啟捷徑功能表。 選取 [重新命名] 並將 Web 效能測試的名稱變更為 ColorWebTest.webtest。

錄製 Web 效能測試

您可以瀏覽網站錄製 Web 效能測試，如同使用者。 隨著您在網站中移動，要求會予以錄製並加入至 Web 效能測試。 如需如何錄製 Web 效能測試的詳細資訊，請參閱 HOW TO：使用 Web 效能測試錄製器建立新的 Web 效能測試。

若要錄製 Web 效能測試

1. 在方案總管中，選取 ColorWebTest.webtest，開啟捷徑功能表，然後選擇 [開啟]。

   的 ColorWebTest Web 效能測試編輯器隨即顯示。

2. 在 Web 效能測試編輯器]，從工具列上的 [加入記錄] 。

   您的瀏覽器會顯示開啟 Web 測試錄製器附加元件。

   注意事項
   如果您沒有看到 Web 測試錄製器，您必須在瀏覽器中附加中。

   警告

   如需正確運作中的程序，您必須依照下列步驟中顯示的順序。

3. 在瀏覽器的網址列中，輸入您在先前步驟中複製的 Web 應用程式位址，然後選擇 Enter。

   注意事項
   會在錄製時，Visual Studio Ultimate 會開始顯示在 [Web 效能測試錄製器 ] 中看到該 Web 效能測試 URL。

4. 選擇 紅色 並選取 送出。 將 紅色 與 Label 的頁面以顯示。

5. 返回第一頁。

6. 選擇 藍色 並選取 送出。 將 藍色 與 Label 的頁面以顯示。

7. 返回第一頁。

8. 按一下 [Web 效能測試錄製器] 上的 [停止] 即可停止錄製。

   隨即出現對話方塊，顯示 [正在偵測動態參數] 的訊息。 它也會顯示進度列，以呈現收到的 HTTP 回應中參數偵測的進度。

   由於 ColorWebApp 沒有任何動態參數，因此對話方塊會顯示訊息「沒有偵測到任何要提升的動態參數」。 接著對話方塊便會關閉。

   注意事項
   如果偵測到動態參數， [ [對網路的升級動態參數測試參數。] 對話方塊隨即出現，讓您選取要套用之提升的核取方塊，當您執行 Web 效能測試時。如需詳細資訊，請參閱HOW TO：解決動態參數所造成的 Web 效能測試播放問題。

   現在 Web 效能測試錄製已經結束，您會在 [Web 效能測試編輯器] 中看到該 Web 效能測試顯示成 URL 清單。 也可以開始編輯測試。

9. 選取 [檔案] 然後選擇 [將 ColorWebTest.webtest] 儲存剛才錄製的 Web 效能測試。

檢視及修改要求屬性

[Web 效能測試編輯器] 中的 URL 樹狀目錄稱為「要求樹狀目錄」(Request Tree)。 選取要求樹狀結構中的各種節點檢視屬性與每個要求。

若要檢視及修改要求屬性

1. 在 [Web 效能測試編輯器] 中，移至要求樹狀目錄，然後選取第一個 http://localhost:<PortNumber>/Default.aspx 執行個體。

2. 在 [屬性] 視窗中，請注意不同屬性的值，例如 [URL]、[遵循重新導向] 和 [考慮時間]。

3. 請注意，此要求的 [考慮時間] 是大於 0 的數字。 這是要支援等候的預設頁面，直到您在上一個程序的步驟 4 選取了紅色並選取送出。

   如需詳細資訊，請參閱HOW TO：在 Web 效能測試中設定考慮時間以模擬人類暫停行為。

4. 按一下工具列上的 [設定要求詳細資料]。

   [要求詳細資料] 對話方塊隨即出現。 這個對話方塊可讓您檢視和編輯各種 Web 要求的考慮時間在 Web 效能測試。

5. 在 [考慮時間] 欄中，選取考慮時間值大於 0 的每個要求，然後將該值變更為 1。 這樣可讓測試順利播放，而幾乎不會有人為操作所造成的延遲。

   如需詳細資訊，請參閱HOW TO：在 Web 效能測試中設定要求詳細資料。

6. 選擇 [確定]。

7. 在要求樹狀目錄中，展開第二個 http://localhost:<PortNumber>/Default.aspx 執行個體。

8. 展開 [表單張貼參數] 資料夾。

   請注意這個要求之後，在您選取 Blue 並選取在 RadioButtonList1 與 Button1 張貼參數後的送出按鈕。

9. 反白顯示具有 red 與 submit 張貼參數的第二個 http:// localhost:<PortNumber>/Default.aspx 執行個體的要求節點，然後檢視 [屬性] 視窗中的 [預期的回應] 屬性，以協助識別要求。

10. 在 [屬性] 視窗中，選取 [報告名稱] 旁邊的文字方塊，然後輸入 Red。

11. 反白顯示第四個 http:// localhost:<PortNumber>/Default.aspx 執行個體的要求節點。

12. 在 [屬性] 視窗中，選取 [報告名稱] 屬性旁邊的文字方塊，然後輸入 Blue。

    使用 [報告名稱] 屬性可讓您在下個程序中執行要求時，輕鬆地在 [Web 效能測試分析器] 中識別這些要求。 報告名稱也可讓專案關係人更輕易地在報表中識別要求。

    如需詳細資訊，請參閱HOW TO：使用報告名稱可輕易地識別 Web 效能測試中的要求與HOW TO：使用 Microsoft Excel 建立負載測試效能報表。

13. 選取 [檔案] 然後選擇 [將 ColorWebTest.webtest] 儲存剛才錄製的 Web 效能測試。

    若要深入了解修改 Web 要求和 Web 效能測試，請參閱使用 Web 效能測試編輯器自訂 Web 效能測試記錄。

執行 Web 效能測試以便驗證它是否正確運作

您現在可以執行 Web 效能測試，以便驗證它是否正確運作。 您所錄製的每個 Web 要求都會重新執行和結果也都會收集起來。 如需詳細資訊，請參閱執行 Web 效能測試。

若要驗證 Web 效能測試

1. 在 [Web 效能測試編輯器] 中，按一下工具列上的 [執行測試]。

   接著會開始執行測試，而且 [Web 效能測試結果檢視器] 的工作階段會顯示測試中的每一個要求。 [測試結果] 視窗會顯示整個測試的結果。 下一步，您將會驗證結果。

2. 在 [Web 效能測試結果檢視器] 中，選取清單中的第一個要求。

   在要求的左側應該會看到一個綠色核取記號。 綠色核取記號表示該要求成功執行。 您應該會在下方窗格中看到 Web 應用程式的第一頁。

   您會在要求左側會看到一個綠色核取記號或紅色 X。 紅色 X 表示要求失敗。 這會在測試完成之後，導致整個測試的結果失敗。 根據預設，如果要求失敗，測試的其餘部分不會終止，而是繼續完成。 例如，因為防火牆問題，外部 Web 要求可能會失敗。 但是，此時仍會嘗試下一個要求，且測試會繼續執行。

   提示

   如果您在區域網路之外的無法存取網站，則在您的 Web 效能測試中指定 Proxy 伺服器。如需防火牆問題的詳細資訊，請參閱 HOW TO：指定 Web 效能測試的 Proxy 伺服器。

3. 您會注意到，使用上述程序中所指派的 [報告名稱] 後，就能輕鬆識別名為 Red 與 Blue 的要求。 如果未使用這些名稱，每個要求的命名將會完全相同。

4. 若要執行測試第二次，請選擇 [按一下這裡重新執行] 在 Web 效能測試結果檢視器頂端。

後續步驟

在這個逐步解說中，您已錄製並執行了 Web 效能測試。 現在您已經有了 Web 效能測試，可以視需要加入下列的加強功能：

• 若要將資料繫結加入至此逐步解說中建立的 ColorWebTest.webtest，請參閱逐步解說：將資料繫結加入至 Web 效能測試。

• 若要將驗證與擷取規則加入至此逐步解說中建立的 ColorWebTest.webtest，請參閱逐步解說：將驗證和擷取規則加入至 Web 效能測試。

• 若要對此測試中建立的 ColorWebTest.webtest 進行壓力測試，可以執行逐步解說：建立和執行包含 Web 效能測試的負載測試中的步驟。

• 若要設定此逐步解說中建立的 ColorWebTest.webtest，以便使用測試控制器和測試代理程式跨多部電腦進行測試，您可以先執行逐步解說：建立和執行包含 Web 效能測試的負載測試中的步驟，再執行逐步解說：在負載測試中使用測試控制器和測試代理程式中的步驟。

• 若要了解如何將本逐步解說中建立的 ColorWebTest.webtest 轉換成 Web 效能測試程式碼，請參閱逐步解說：建立 Web 效能測試程式碼。

請參閱

工作

HOW TO：使用報告名稱可輕易地識別 Web 效能測試中的要求

HOW TO：使用 Web 效能測試錄製器建立新的 Web 效能測試

HOW TO：在 Web 效能測試中設定考慮時間以模擬人類暫停行為

HOW TO：在 Web 效能測試中設定要求詳細資料

逐步解說：建立簡單 Web 應用程式

逐步解說：將資料繫結加入至 Web 效能測試

逐步解說：將驗證和擷取規則加入至 Web 效能測試

逐步解說：建立 Web 效能測試程式碼

HOW TO：使用 Microsoft Excel 建立負載測試效能報表

參考

Web 效能測試編輯器概觀

其他資源

使用 Web 效能測試編輯器自訂 Web 效能測試記錄