通过

演练：创建一个需要登录和注销的 Web 性能测试

  • 项目

在本演练中，您将创建一个简单的 Web 应用程序，其中包含一个登录步骤和一个注销步骤。 该应用程序模拟一个购物应用程序，但不包含功能性代码。 最后，您将创建一个 Web 性能测试来测试该应用程序。

在本演练中，您将执行以下任务：

  • 创建一个简单 Web 应用程序。

  • 创建 Web 性能测试。

  • 从现有 Web 性能测试中提取新 Web 性能测试。

  • 从现有 Web 性能测试组合新 Web 性能测试。

系统必备

这就是您需要：

  • Visual Studio 旗舰版

创建 Web 应用程序

创建 Web 应用程序

  1. 在 Visual Studio 旗舰版，在 文件 菜单中，选择 新建 然后选择 项目。

    此时将出现“新建项目”对话框。

  2. 在 已安装的模板下，展开所需然后选择 Web的编程语言。

  3. 在 Web 项目类型列表中，选择 ASP.NET 空应用程序。

    备注

    在本演练中，您将编写少量的代码。

  4. 在“名称”框中键入 ShoppingWebApp。

  5. 在**“位置”**框中，指定要用于创建 Web 应用程序的文件夹。

  6. 选择**“创建解决方案的目录”**。

  7. 选择**“确定”**。

  8. 在**“项目”**菜单上选择“添加新项”。

    此时将显示**“添加新项”**对话框。

  9. 在项列表中选择**“Web 窗体”**。

  10. 在 名称 文本框中，键入 Default.aspx 然后选择 添加。

为 Web 应用程序创建主页

  1. 在**“解决方案资源管理器”中右击 Default.aspx，并选择“视图设计器”**。

    随即显示一个空白页。

  2. 如果工具中不可见，请选择 查看 然后选择 工具箱。

  3. 从**“标准”**组中，将五个按钮拖放到页上。 使用下表完成此步骤。

    备注

    双击每个按钮打开按钮选择事件并添加代码。

    控件

    Text 属性

    按钮选择代码

    Button1

    转向登录

    		 
    Response.Redirect("Login.aspx");

    Button2

    产品 1

    		 
    Response.Redirect("Product1.aspx");

    Button3

    产品 2

    		 
    Response.Redirect("Product2.aspx");

    Button4

    购物车

    		 
    Response.Redirect("Cart.aspx");

    Button5

    转向注销

    		 
    Response.Redirect("Logout.aspx");

  4. 在 文件 菜单中，选择 全部保存。

向 Web 应用程序添加页

  1. 在**“项目”菜单上选择“添加新项”**。

  2. 在 添加新项 对话框中，选择 Web 窗体 模板，将其命名为 Login.aspx，然后选择 添加。

  3. 在文档窗口的底部，选择 设计 选项卡以切换到设计视图。

  4. 将一个按钮拖放到该页上。

  5. 将一个文本框拖放到该页上。

  6. 重复步骤 1 到步骤 4 多次。 使用下表完成此步骤：

    网页

    控件

    Text 属性

    按钮选择代码

    Login.aspx

    TextBox1

    -

    -

    Login.aspx

    Button1

    登录

    		 
    Response.Redirect("Default.aspx");

    Product1.aspx

    Button1

    放入购物车

    		 
    Response.Redirect("Default.aspx");

    Product2.aspx

    Button1

    放入购物车

    		 
    Response.Redirect("Default.aspx");

    Cart.aspx

    Button1

    购买

    		 
    Response.Redirect("Default.aspx");

    Logout.aspx

    Button1

    注销

    		 
    Response.Redirect("Default.aspx");

    备注

    此 Web 应用程序不包含真正的功能。提交每一页都将用户返回主页。但此功能足以实现本演练的目的。

  7. 在 文件 菜单中，选择 全部保存。

手动测试 Web 应用程序

  1. 在 解决方案资源管理器中右击 Default.aspx，然后选择 设为起始页。

  2. 按 Ctrl+F5 在浏览器中运行该 Web 应用程序。 您将看到主页 Default.aspx。

    备注

    这将启动 ASP.NET Development Server，它会运行 Web 性能测试将要测试的 Web 应用程序。您将在任务栏最右侧的通知区域中看到 ASP.NET Development Server 图标。

  3. 将 Web 应用程序的地址复制到剪贴板或记事本文件中。 本演练后面的步骤中需要用到该地址。 例如，该地址可能如下所示：https://localhost:<端口号>/ShoppingWebApp/Default.aspx

  4. 选择 转向登录。 将打开 Login.aspx 页。

  5. 在文本框中键入您的名称然后选择 登录。 将打开主页。

  6. 选择 产品 1。 将打开 Product1.aspx 页。

  7. 选择 添加到购物车。 将打开主页。

  8. 选择 产品 2。 将打开 Product2.aspx 页。

  9. 选择 添加到购物车。 将打开主页。

  10. 选择 购物车。 将打开 Cart.aspx 页。

  11. 选择 购买。 将打开主页。

  12. 选择 转向注销。 将打开 Logout.aspx 页。

  13. 选择 注销。 将打开主页。

  14. 关闭 Web 浏览器。

创建 Web 性能测试

接下来可以创建一个 Web 性能测试，以测试此应用程序。

创建 Web 性能测试应用程序

  1. 在 Visual Studio 旗舰版新实例中，在 文件 菜单上，指向 新建 然后选择 项目。

    此时将出现“新建项目”对话框。

  2. 在**“已安装的模板”下，根据您的喜好展开“Visual Basic”或“Visual C#”，然后选择“测试”**节点。

  3. 在模板列表中，选择 Web 性能和负载测试项目。

  4. 在**“名称”**框中键入 ShoppingWebAppTest。

  5. 在**“位置”**框中，键入保存 Web 应用程序的文件夹的名称。 例如，键入文件夹名称 C:\WebSites\ShoppingWebApp。

  6. 选择**“确定”**。

    Web 性能测试和负载测试包含 web 性能测试名为 WebTest1.webtest 的项目中创建。

  7. 在解决方案资源管理器中，通过打开快捷菜单并选择 重命名选择 WebTest1.webtest。 该测试 WebTest1.webtest重命名。

  8. 在解决方案资源管理器中，选择 WebTest1.webtest，打开快捷菜单，然后选择 打开。

    Web 性能测试编辑器中显示。

  9. 在 Web 性能测试编辑器中，从工具栏选择 添加记录。

    您的浏览器中显示打开与 Web 测试记录器添加。

    备注

    如果看不到 Web 测试记录器，必须配置在 web 浏览器中加载项包括它。

  10. 在浏览器的地址栏中，键入在上一步中复制的 Web 应用程序的地址，然后按 Enter。

    备注

    Visual Studio 会在记录 Web 性能测试的同时开始将它的 URL 显示在“Web 性能测试记录器”中。

  11. 选择 转向登录。 将打开 Login.aspx 页。

  12. 在文本框中键入您的名称然后选择 登录。 将打开主页。

  13. 选择 产品 1。 将打开 Product1.aspx 页。

  14. 选择 添加到购物车。 将打开主页。

  15. 选择 产品 2。 将打开 Product2.aspx 页。

  16. 选择 添加到购物车。 将打开主页。

  17. 选择 购物车。 将打开 Cart.aspx 页。

  18. 选择 购买。 将打开主页。

  19. 选择 转向注销。 将打开 Logout.aspx 页。

  20. 选择 注销。 将打开主页。

  21. 选择 Web 性能测试记录器 的 停止 停止记录。

    Internet Explorer 将关闭，您将在**“Web 性能测试编辑器”**中看到 URL 列表形式的 Web 性能测试。 停止记录之后，可以修改测试。

  22. 在 文件 菜单中，选择 全部保存。

运行 Web 性能测试应用程序

  1. 在 Web 性能测试编辑器，请在工具栏上选择 运行测试。

    测试开始运行，并且**“Web 性能测试结果查看器”会显示测试中的每个请求。 整个测试的结果显示在“测试结果”**窗口中。

  2. 在**“测试结果”**窗口中，验证是否通过了测试。

  3. 在**“Web 性能测试结果查看器”**中，选择列表中的某些请求，然后检查 Web 浏览器下面窗格中显示的结果。 验证测试是否运行正常。

提取新 Web 性能测试

可以通过从现有 Web 性能测试中提取各个请求来创建新的 Web 性能测试。 有关更多信息，请参见如何：在现有 Web 性能测试中提取请求以新建 Web 性能测试。

从现有 Web 性能测试中提取新 Web 性能测试

  1. 在**“Web 性能测试编辑器”**中打开 WebTest1。

  2. 在请求节点构树，右击其他然后选择 提取 Web 测试。

    随即出现**“提取 Web 测试”**对话框。

  3. 在**“Web 测试名”**中键入 Login。

  4. 在**“请对该 Web 测试选择第一项”**下拉列表中选择第一个请求。 该请求应如下所示：

    https://localhost:<端口号>/ShoppingWebApp/Default.aspx

  5. 在**“请对该 Web 测试选择最后一项”**下拉列表中选择第三个请求。 该请求应如下所示：

    https://localhost:<端口号>/ShoppingWebApp/Login.aspx

  6. 选择**“确定”**。

    即会创建名为 Login 的新 Web 性能测试。 在**“Web 性能测试编辑器”中，Login 被添加到请求树中，以代替您提取的单个请求。 在“解决方案资源管理器”**中，Login.webtest 被添加到项目列表中。

  7. 在请求节点构树，右击其他然后选择 提取 Web 测试。

    随即出现**“提取 Web 测试”**对话框。

  8. 在**“Web 测试名”**中键入 BrowseAndBuy。

  9. 在**“请对该 Web 测试选择第一项”**下拉列表中选择 Login 之后的第一个请求。 该请求应如下所示：

    https://localhost:<端口号>/ShoppingWebApp/Default.aspx

  10. 在**“请对该 Web 测试选择最后一项”**列表中选择第六个请求。 该请求应如下所示：

    https://localhost:<端口号>/ShoppingWebApp/Cart.aspx

  11. 选择**“确定”**。

    即会创建名为 BrowseAndBuy 的新 Web 性能测试。 在**“Web 性能测试编辑器”中，BrowseAndBuy 被添加到请求树中，以代替您提取的单个请求。 在“解决方案资源管理器”**中，BrowseAndBuy.webtest 被添加到项目列表中。

  12. 在请求节点构树，右击其他然后选择 提取 Web 测试。

    随即出现**“提取 Web 测试”**对话框。

  13. 在**“Web 测试名”**中键入 Logout。

  14. 在**“请对该 Web 测试选择第一项”**列表中选择 BrowseAndBuy 之后的第一个请求。 该请求应如下所示：

    https://localhost:<端口号>/ShoppingWebApp/Default.aspx

  15. 在**“请对该 Web 测试选择最后一项”**列表中选择最后一个请求。 该请求应如下所示：

    https://localhost:<端口号>/ShoppingWebApp/Logout.aspx

  16. 选择**“确定”**。

    即会创建名为 Logout 的新 Web 性能测试。 在**“Web 性能测试编辑器”中，Logout 被添加到请求树中，以代替您提取的单个请求。 在“解决方案资源管理器”**中，Logout.webtest 被添加到项目列表中。

  17. 确认 Web 性能测试请求树中没有剩余的单个请求。 即，WebTest1 现在只包含对其他 Web 性能测试的调用。

  18. 在 文件 菜单中，选择 全部保存。

运行 Web 性能测试应用程序

  1. 在 Web 性能测试编辑器，请在工具栏上选择 运行测试。

    测试开始运行，并且**“Web 性能测试结果查看器”会显示测试中的每个请求。 整个测试的结果显示在“测试结果”**窗口中。

  2. 在**“测试结果”**窗口中，验证是否通过了测试。

  3. 在**“Web 性能测试结果查看器”**中，选择列表中的某些请求，然后检查 Web 浏览器下面窗格中显示的结果。 验证测试是否运行正常。

    备注

    在“Web 性能测试结果查看器”中，现在树中存在名为 WebTest1.Login、WebTest1.BrowseAndBuy 和 WebTest1.Logout 的可折叠节点。这样可以帮助您更轻松地复查测试的各部分。

组合新 Web 性能测试

可以通过组合现有 Web 性能测试来创建新的 Web 性能测试。 有关更多信息，请参见如何：在一个 Web 性能测试中插入对另一个 Web 性能测试的调用。

从现有 Web 性能测试组合新 Web 性能测试

  1. 在解决方案资源管理器中，打开在 ShoppingWebAppTest Web 性能的快捷菜单，负载测试项目并选择 添加。 然后选择 Web 性能测试。

    名为 WebTest2.webtest 的新 Web 性能测试文件即添加到您的项目和 Web 性能测试记录器 打开在 Internet Explorer 的一个新的实例。

  2. 选择 Web 性能测试记录器 的 停止 停止记录，而不进行浏览。

    Internet Explorer 将关闭，您将在**“Web 性能测试编辑器”**中看到该 Web 性能测试。 因为您未进行浏览，所以该测试是空的。

  3. 在请求节点构树，右击 WebTest2 然后选择 向 Web 测试中添加调用。

    随即出现**“请选择测试”**对话框。

  4. 选择登录然后选择 确定。 “Login”Web 性能测试即添加到请求树中。

  5. 在请求节点构树，右击 WebTest2 然后选择 向 Web 测试中添加调用。

    随即出现**“请选择测试”**对话框。

  6. 选择 BrowseAndBuy 然后选择 确定。 “BrowseAndBuy”Web 性能测试即添加到请求树中。

  7. 在请求节点构树，右击 WebTest2 然后选择 向 Web 测试中添加调用。

    随即出现**“请选择测试”**对话框。

  8. 选择注销然后选择 确定。 “Logout”Web 性能测试即添加到请求树中。

  9. 在 文件 菜单中，选择 全部保存。

运行 Web 性能测试应用程序

  1. 在 Web 性能测试编辑器，请在工具栏上选择 运行测试。

    测试开始运行，并且**“Web 性能测试结果查看器”会显示测试中的每个请求。 整个测试的结果显示在“测试结果”**窗口中。

  2. 在**“测试结果”**窗口中，验证是否通过了测试。

  3. 在**“Web 性能测试结果查看器”**中，选择列表中的某些请求，然后检查 Web 浏览器下面窗格中显示的结果。 验证测试是否运行正常。

后续步骤

有了 Web 性能测试后，可以将其添加到负载测试中。 您可以创建一个负载测试，对每个虚拟用户，仅执行 Login 和 Logout 步骤一次，而对每个虚拟用户，测试 BrowseAndBuy 步骤多次。

请参见

任务

如何：使用 Web 性能测试记录器创建新的 Web 性能测试

如何：使用 Web 性能测试编辑器编辑现有 Web 性能测试

概念

运行 Web 性能测试

Web 性能测试演练