x 使用postman的mock servers快速搭建后端接口

案例:前端的AJAX需要调用一个接口,通过返回数据判断用户名是否重复,我用Postman快速搭建一个伪后端接口来给前端使用。

1. 创建mock servers

下载安装postman,官网地址:https://www.postman.com/downloads/

免费注册一个账号,进入一个Workspace,像这样:
x 使用postman的mock servers快速搭建后端接口
安装好的postman什么都没有,像这样:
x 使用postman的mock servers快速搭建后端接口
左边一列是菜单,进入“Mock Servers”,目前还没有mock服务,点击创建一个:
x 使用postman的mock servers快速搭建后端接口
mock服务需要一个请求集合,也就是collection,这里可以创建一个新的,也可以选择一个现有的。我的postman目前什么collection都没有,所以我新建一个collection,因为是用来判断用户名是否重复,所以我只创建一个请求,名叫hasName,像这样:
x 使用postman的mock servers快速搭建后端接口
点下一步,为mock服务取个名字,我取名叫ms1,点按钮创建。
x 使用postman的mock servers快速搭建后端接口
创建好了的mock服务就会给我们提供一个后端接口地址
x 使用postman的mock servers快速搭建后端接口

2. 为请求创建example

点菜单“Collections”进入,会看到和mock服务同名的collection,叫“m1”,在它下面有一个请求“hasName”,在它旁边有三个点,鼠标左键点击能看到菜单中的“Add example”,点击进入
x 使用postman的mock servers快速搭建后端接口
在这个example中,我制造了一个模拟的服务器端响应,就是当参数name等于zhangsan时,服务器端返回的结果是一个文本“yes”,表示该用户名已存在。
x 使用postman的mock servers快速搭建后端接口
以此类推,我再创造出一个模拟的服务器响应,如果name等于lisi,就返回“no”,表示lisi没有人注册过,可以用
x 使用postman的mock servers快速搭建后端接口

3. 用postman测试接口

点加号,新建一个请求测试,像这样:
x 使用postman的mock servers快速搭建后端接口
地址栏里填:mock服务地址/hasName,参数就填name:zhangsan,能看到结果返回的是yes。同样的方式测试lisi会返回no

4. 在AJAX中测试接口

x 使用postman的mock servers快速搭建后端接口
测试结果如下:
x 使用postman的mock servers快速搭建后端接口
x 使用postman的mock servers快速搭建后端接口

上一篇:C# GZip Compress DeCompress


下一篇:打包vue-admin-template到Django项目记录