一、引言
由于最近项目需要开发 WebApi 接口,接口开发完了需要自测或提供给第三方进行调试,看了网上的方法,大多都是使用第三方测试工具,如 Postman、Fiddler 等,但这些虽然功能强大,但使用起来较为繁琐,如 Postman 还需要注册、下载及安装等,因此就搜索其他的调试方法,如 WebApiTestClient 和 swagger,这些都是轻量级的,可直接集成在项目中使用,很方便,本文主要介绍在 WebApi 中使用 WebApiTestClient 接口测试工具的应用。
二、WebApiTestClient 介绍
WebApiTestClient 是一款专门为调试和测试 ASP.NET WebApi 设计的工具,可以通过简洁的 Web 界面发送请求并查看响应。在 API 开发过程中,它可以帮助开发者更高效地进行调试和验证。
1、特性
- 简洁的 Web 界面:无需额外安装复杂的工具,通过 Web 浏览器即可访问和使用。
- 易于集成:作为 NuGet 包,可以方便地集成到现有的 ASP.NET WebApi 项目中。
- 灵活的请求配置:可以自定义 HTTP 方法、请求头、请求体等,便于模拟各种请求场景。
- 实时查看响应:即时查看 API 的响应,包括状态码、响应头和响应体,便于调试。
2、应用场景
1)开发阶段的调试
在开发阶段,WebApiTestClient 可以用于快速验证 API 是否按预期工作。通过其简洁的界面,可以轻松构造各种 HTTP 请求并查看响应,便于发现和修复问题。
2)测试 API 端点
在测试阶段,QA 工程师可以使用 WebApiTestClient 模拟各种请求,验证 API 的稳定性和正确性。能够自定义请求参数和请求体,也有助于进行边界测试和异常处理测试。
3)与前端开发的协同
前后端分离的开发模式下,前端开发人员可以使用 WebApiTestClient 测试后端 API 的接口,确保数据交互的正确性,减少前后端联调的时间和成本。
4)快速验证和演示
在需求评审或技术交流过程中,开发者可以使用 WebApiTestClient 进行快速验证和演示,展示 API 的功能和数据交互过程,提高沟通效率。
三、WebApiTestClient 具体使用
1、WebApi 项目引入组件
首先,我们需要定义一个 API 项目

然后通过 Nuget 引入组件,如下图。记住选下图中的第一个 WebApiTestClient 进行安装。

引入成功后,将向项目里面添加一些主要文件:
- Scripts\WebApiTestClient.js
- Areas\HelpPage\TestClient.css
- Areas\HelpPage\Views\Help\DisplayTemplates\TestClientDialogs.cshtml
- Areas\HelpPage\Views\Help\DisplayTemplates\TestClientReferences.cshtml
2、如何使用组件
1、修改 Api.cshtml 文件
通过上述步骤,就能将组件 WebApiTestClient 引入进来。下面我们只需要做一件事:打开文件 (根据 Areas\HelpPage\Views\Help) Api.cshtml 并添加以下内容:











