2024使用Postman协助前端开发（测试工具模拟后端）mock server

注意：

1、此教程并非官方教程，最新最细致的教程请前往官网查询

2、教程主要简单介绍Mock Server(模拟服务器)功能，为Axios做铺垫

3、Postman并没有中文版本，中文界面需要通过插件实现

一、介绍：

在前端开发过程中往往需要获取数据来测试前端是否正常运行，而基于前后端分离的开发模式，往往前后端是同时进行开发由API文档统一规范开发细节，所以往往前端在没有后端的情况下不知道前端开发是否正常，所以这时候就需要一个模拟后端的工具供前端测试，postman就是众多测试工具中的一个，也是我比较推荐的一个

Postman 是一个非常流行的 API 开发工具，不仅可以用来测试和调试 API（后端），还可以用来创建和管理 Mock 服务器，以便在没有后端服务的情况下进行前端开发。

二、安装Postman

Postman可以在网页中打开使用也可以直接下载使用

1、下载Postman（Windows）

官网链接：Postman API 平台 |免费注册

①、进入官网

找到Download the desktop app for，下方有三个图标，这三个图标表示你要下载什么系统的，从左到右分别是Windows / Mac / Linux，选择对应的点击进入

②点击如图所示位置（Windows 64-bit）开始下载

③下载成功点击打开文件

、

④登录

注意下载成功后并不会进入安装界面，而是先要求登录账号，如果你没有账号请创建一个账号

Postman安装位置：C:\Users\<YourUsername>\AppData\Local\Postman
 

1. 这里我选择创建账户，
2. 在输入框中输入邮箱地址

⑤点击创建

⑥输入邮箱、用户名、密码点击创建账户

⑦弹出提示，需要重新打开postman，选择打开

⑧填写个人信息点击继续

⑨进入界面

三、使用Mock

①添加工具

在第一次安装Postman时侧边栏并不会有模拟服务器（Mock servers）所以需要添加

②选择自己需要的工具添加，这里我为了避免以后会用到，所以全部打开了

③添加完成点击Mock servers，再点击加号添加

④进入附页面创建一个模拟服务器（Create a mock server），填写你的配置

• Request Method: 要模拟的请求方法（如 GET、POST、PUT、DELETE）。
• Request URL: 输入 Mock Server 的 URL（例如 https://<your-mock-server-id>.mock.pstmn.io），以及请求路径（如 /users）。
• Response Code: 设置响应状态码（如 200）。
• Response Body: 输入响应体内容，用于模拟服务器的响应数据，通常是JSON数据

④填写完成后点击Next

⑤填写服务器名字，点击右下角Create Mock Server完成简单的Mock创建

1. Mock Server Name：Mock Server 的名称。

2. Environment：这是 Postman 的一个功能，用于存储和重用变量（如 API 基础 URL、认证令牌等）。这个东西可以让你在不同环境之间切换，例如开发环境、测试环境和生产环境。

3. Save the mock server URL as a new environment variable：将 Mock Server 的 URL 保存为新的环境变量。

4. Simulate a Fixed Network Delay：模拟网络延迟，用来测试你的应用在不同网络条件下的运行情况

5. Make mock server private：设置 Mock Server 为私有，只有拥有访问权限的用户才能访问这个 Mock Server。