测试 JavaScript 客户端 Web 应用程序

本教程介绍如何使用开发代理测试示例 JavaScript 客户端 Web 应用程序如何处理 API 错误。

先决条件

本教程的这一部分假定你在计算机上安装并配置了开发代理。 如果没有, 请立即执行此操作。

若要学习本教程,需要:

下载示例应用

下载示例应用

提示

还可以通过在命令提示符 devproxy preset get demo-randomerror-js中运行 来下载示例应用。

示例应用附带了开发代理预设。 预设配置为模拟应用发出的 API 请求上的随机错误。 预设还包括 RetryAfterPlugin,它可帮助你控制应用是否在受限制后退出调用 API。

启动开发代理和示例应用

  1. 在命令提示符下,将工作目录更改为示例应用所在的位置。
  2. 通过运行启动示例应用和开发代理 npm start

测试示例应用

  1. 在 Web 浏览器中,导航到 http://localhost:3000

    包含测试 Web 应用程序的 Web 浏览器的屏幕截图。

    • 如果看到空页面,检查控制台窗口。 可能是开发人员代理已经模拟了应用未处理的 API 错误!
  2. 浏览文章列表,了解应用如何处理开发人员代理模拟的 API 错误。

    • 可以在控制台窗口和运行 Dev 代理的命令提示符中找到有关错误的详细信息。

    VS Code 的屏幕截图,其中命令提示符窗口打开,其中显示了开发人员代理模拟的错误。

  3. Ctrl + C 停止开发代理。

后续步骤