大前端之前端开发接口测试工具postman的使用方法-简单get接口请求测试的使用方法-简单教学一看就会-以实际例子来说明-优雅草卓伊凡

news2025/3/17 9:33:18

大前端之前端开发接口测试工具postman的使用方法-简单get接口请求测试的使用方法-简单教学一看就会-以实际例子来说明-优雅草卓伊凡

背景

前端开发接口请求，调试，联调，接入数据，前端必不可少工具，postman是一个非常好用的工具。

实战开始

这是官网， 登录下载和安装就不用讲了吧，这个比较easy，然后对于api的接口请求，主要有以下方式，基础知识放这给大家看下

API接口主要的请求方式

API 请求的主要方式包括以下几种：

  1. GET 请求：
    • 用于从服务器获取数据。
    • 请求的数据通常附加在 URL 后面。
    • GET 请求是幂等的，意思是无论调用多少次，结果都是相同的。
    • 示例：
GET /api/users
  1. POST 请求：
    • 用于向服务器发送数据，通常用于提交表单或上传文件。
    • 数据通常在请求体中发送。
    • POST 请求可能会改变服务器的状态，因此不是幂等的。
    • 示例：
POST /api/users
        {
          "name": "John Doe",
          "email": "john.doe@example.com"
        }
  1. PUT 请求：
    • 用于更新服务器上的数据。
    • 数据通常在请求体中发送。
    • PUT 请求是幂等的，意思是无论调用多少次，结果都是相同的。
    • 示例：
PUT /api/users/1
        {
          "name": "John Doe",
          "email": "john.doe@example.com"
        }
  1. DELETE 请求：
    • 用于从服务器删除数据。
    • DELETE 请求是幂等的，意思是无论调用多少次，结果都是相同的。
    • 示例：
DELETE /api/users/1
  1. PATCH 请求：
    • 用于更新服务器上的部分数据。
    • 数据通常在请求体中发送。
    • PATCH 请求不是幂等的，意思是结果可能会因多次调用而不同。
    • 示例：
PATCH /api/users/1
        {
          "email": "john.new@example.com"
        }
  1. OPTIONS 请求：
    • 用于请求服务器支持的通信选项和功能。
    • 通常用于跨域请求的预检。
    • 示例：
OPTIONS /api/users

打开postman 熟悉下

左边collections 你可以当成文件夹，以下是基础知识

左侧请求部分：

  1. Collections：
    • Collections 是组织相关 API 请求的集合，类似于文件夹的概念。你可以根据项目、模块等将请求归类到不同的 Collection 中。
  1. Environments：
    • Environments 是存储环境变量的地方，方便在不同环境（如开发、测试、生产）之间切换。例如，API 基础 URL、身份验证令牌等可以作为环境变量存储。
  1. History：
    • History 列表显示了你最近执行过的请求，便于快速访问和重新执行之前的请求。
  1. APIs、Workspaces：
    • APIs：提供了一个地方来定义和管理你的 API，并提供文档化功能。
    • Workspaces：可以将相关的 Collections、Environments 和团队成员组织在一起，方便协作。

我们新建一个test，然后新建这个短信请求test

然后我们看看右侧的基础知识先，

右侧请求部分：

右侧是实际发送和查看请求的地方。主要包括以下部分：

  1. Request URL：
    • 输入请求的完整 URL，包括协议、域名、路径和查询参数。
  1. Request Method：
    • 选择请求方法，如 GET、POST、PUT、DELETE、PATCH 等。
  1. Params：
    • 查询参数，可以在 URL 中添加键值对，常用于 GET 请求。
  1. Authorization：
    • 设置请求的身份验证信息，如 Bearer Token、Basic Auth 等。
  1. Headers：
    • 设置请求头部信息，如 Content-Type、Authorization 等。
  1. Body：
    • 设置请求的主体内容，常用于 POST、PUT 请求。可以选择不同的格式，如 raw（JSON、XML）、form-data、x-www-form-urlencoded 等。
  1. Tests 和 Pre-request Script：
    • Tests：可以编写测试脚本来验证响应结果。
    • Pre-request Script：可以编写预请求脚本来准备和修改请求参数。
  1. Send 按钮：
    • 点击 Send 按钮发送请求，并在右下角显示响应结果，包括状态码、响应头、响应体等。

ok 基本理论清楚以后，我们实战开始

以简单实战接口测试

先以最近我们api大数据一个简单的月经周期计算来测试，这个大意就是发送最后月经开始日期，和平均月经周期可以预测下次来月经的时间。

接口地址： https://api.youyacao.com/api/yuejing

返回格式： JSON

请求方式： GET

请求示例： https://api.youyacao.com/api/yuejing?lastPeriodStart=2023-12-31&cycleLength=8

请求参数说明：

名称

必填

类型

说明

lastPeriodStart

是

date

最后一次月经开始日期

cycleLength

是

int

平均月经周期长度（天）

返回参数说明：

名称

类型

说明

返回示例：

示例

{
    "code": 200,
    "msg": "success",
    "data": {
        "nextPeriodStart": "2024-01-28",
        "ovulationStart": "2024-01-14",
        "ovulationEnd": "2024-01-18"
    }
}

那么这个就很简单啊，我们添加地址，方式选get

https://api.youyacao.com/api/yuejing

根据基础知识我们需要填写的参数lastPeriodStart和cycleLength ，一个是date类型，一个是int类型，好基础知识又在下面了，

基本数据类型：

  1. 整型（Integer）：
    • int： 表示一个整数，例如 -3、0、42。
    • short： 短整型，表示范围较小的整数。
    • long： 长整型，表示范围较大的整数。
    • byte： 字节型，表示更小范围的整数，通常用于存储二进制数据。
  1. 浮点型（Floating Point）：
    • float： 单精度浮点型，表示小数，例如 3.14。
    • double： 双精度浮点型，表示更精确的小数。
  1. 字符型（Character）：
    • char： 表示单个字符，例如 ‘A’、’中’。
  1. 布尔型（Boolean）：
    • boolean： 表示真（true）或假（false）值。

复杂数据类型：

  1. 字符串（String）：
    • 表示一串字符，例如 “Hello, World!”。在大多数编程语言中，字符串属于复杂数据类型。
  1. 数组（Array）：
    • 表示相同数据类型的集合，例如 int 数组、String 数组。

数据库特定数据类型：

  1. 日期和时间（Date and Time）：
    • date： 表示日期，例如 ‘2025-02-11’。
    • time： 表示时间，例如 ‘14:30:00’。
    • timestamp： 表示日期和时间，例如 ‘2025-02-11 14:30:00’。
  1. 文本（Text）：
    • varchar： 可变长度字符型，用于存储字符串。
    • text： 长文本型，用于存储较长的字符串。
  1. 二进制（Binary）：
    • blob： 二进制大对象，用于存储二进制数据，例如图片、视频。

根据基础知识，那么我们假设，date上次来是2025年1月11日， int类型是整数，比如8天，因此我们是不是得填写

2025-01-11 和 8

点击send 一请求，我们得到了数据

我们需要在row中勾选格式，我们需要json格式，我们勾选raw 然后选择json格式

ok 成功得到我们返回的预测接口信息， 通常状态码 200表示 成功， 这里看到预测 下次月经开始时间为1月19日，开始时期1月13日，结束日期1月17日，好像有点不太准啊，你们试试吧。

{
    "code": 200,
    "msg": "success",
    "data": {
        "nextPeriodStart": "2025-01-19",
        "ovulationStart": "2025-01-13",
        "ovulationEnd": "2025-01-17"
    }
}

那么针对row 格式里面这些种类，具体是什么意思呢，这里基础知识奉上。

1. raw 格式：

  • JSON：
    • 用于发送 JSON 格式的数据。
    • 适合 RESTful API 的请求和响应。
    • 示例：

json

{
  "name": "John Doe",
  "email": "john.doe@example.com"
}
  • XML：
    • 用于发送 XML 格式的数据。
    • 常用于 SOAP API 或需要 XML 格式的请求。
    • 示例：

xml

<user>
  <name>John Doe</name>
  <email>john.doe@example.com</email>
</user>

2. form-data 格式：

  • 用于发送包含文件和非文件字段的数据。
  • 每个字段都可以有自己的 Content-Type。
  • 常用于文件上传。
  • 示例：

plaintext

Content-Disposition: form-data; name="name"

John Doe
Content-Disposition: form-data; name="email"

john.doe@example.com
Content-Disposition: form-data; name="file"; filename="example.txt"
Content-Type: text/plain

This is an example file.

3. x-www-form-urlencoded 格式：

  • 用于发送键值对，数据会被编码为 key1=value1&key2=value2 的格式。
  • 类似于 URL 查询参数，但在请求体中发送。
  • 适合表单提交的数据。
  • 示例：

plaintext

name=John+Doe&email=john.doe%40example.com

4. 其他 raw 格式：

  • Text： 发送纯文本数据。
    • 示例：

plaintext

This is a plain text request body.
  • HTML： 发送 HTML 格式的数据。
    • 示例：

html

<html>
  <body>
    <h1>Hello, World!</h1>
  </body>
</html>

5. binary 格式：

  • 用于发送二进制数据，如文件的字节流。
  • 适合发送非文本文件，如图像、视频等。

选择合适的格式：

  • 根据 API 要求选择合适的格式来发送请求数据。
  • JSON 和 form-data 是常见的选择，JSON 适合发送结构化数据，form-data 适合包含文件的请求。

总之本文目的已达成，前端开发必须可少学习接口请求测试。

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：http://www.coloradmin.cn/o/2296924.html

如若内容造成侵权/违法违规/事实不符，请联系多彩编程网进行投诉反馈，一经查实，立即删除！

相关文章

AI大语言模型

AI大语言模型

一、AIGC和生成式AI的概念 1-1、AIGC Al Generated Content&#xff1a;AI生成内容 1-2、生成式AI&#xff1a;generative ai AIGC是生成式 AI 技术在内容创作领域的具体应用成果。 目前有许多知名的生成式 AI&#xff1a; 文本生成领域 OpenAI GPT 系列百度文心一言阿里通…
阅读更多...
Pdf手册阅读（1）--数字签名篇

Pdf手册阅读（1）--数字签名篇

原文阅读摘要 PDF支持的数字签名&#xff0c; 不仅仅是公私钥签名&#xff0c;还可以是指纹、手写、虹膜等生物识别签名。PDF签名的计算方式&#xff0c;可以基于字节范围进行计算&#xff0c;也可以基于Pdf 对象&#xff08;pdf object&#xff09;进行计算。 PDF文件可能包…
阅读更多...
Python 识别图片和扫描PDF中的文字

Python 识别图片和扫描PDF中的文字

目录 工具与设置 Python 识别图片中的文字 Python 识别图片中的文字及其坐标位置 Python 识别扫描PDF中的文字 注意事项 在处理扫描的PDF和图片时&#xff0c;文字信息往往无法直接编辑、搜索或复制&#xff0c;这给信息提取和分析带来了诸多不便。手动录入信息不仅耗时费…
阅读更多...
C++引用深度详解

C++引用深度详解

C引用深度详解 前言1. 引用的本质与核心特性1.1 引用概念1.2 核心特性 2. 常引用与权限控制2.1 权限传递规则2.2 常量引用2.3 临时变量保护1. 样例2. 样例3. 测试 三、引用使用场景分析3.1 函数参数传递输出型参数避免多级指针高效传参 3.2 做函数返回值正确使用危险案例 4. 性…
阅读更多...
SpringCloud - Gateway 网关

SpringCloud - Gateway 网关

前言 该博客为Sentinel学习笔记&#xff0c;主要目的是为了帮助后期快速复习使用 学习视频&#xff1a;7小快速通关SpringCloud 辅助文档&#xff1a;SpringCloud快速通关 源码地址&#xff1a;cloud-demo 一、简介 官网&#xff1a;https://spring.io/projects/spring-clou…
阅读更多...
【JVM详解五】JVM性能调优

【JVM详解五】JVM性能调优

示例&#xff1a; 配置JVM参数运行 #前台运行 java -XX:MetaspaceSize-128m -XX:MaxMetaspaceSize-128m -Xms1024m -Xmx1024m -Xmn256m -Xss256k -XX:SurvivorRatio8 - XX:UseConcMarkSweepGC -jar /jar包路径 #后台运行 nohup java -XX:MetaspaceSize-128m -XX:MaxMetaspaceS…
阅读更多...
DeepSeek：搅动人工智能产业风云的鲶鱼效应深度解读

DeepSeek：搅动人工智能产业风云的鲶鱼效应深度解读

我的个人主页 我的专栏&#xff1a;人工智能领域&#xff0c;希望能帮助到大家&#xff01;&#xff01;&#xff01;点赞❤ 收藏❤ 引言 在当今科技飞速发展的时代&#xff0c;人工智能&#xff08;AI&#xff09;无疑是最为耀眼的领域之一。众多技术与平台如繁星般涌现&a…
阅读更多...
bingAI生成的易语言编程基础

bingAI生成的易语言编程基础

易语言编程基础 易语言&#xff08;EPL&#xff09;是一种基于中文的编程语言&#xff0c;旨在简化编程学习过程&#xff0c;特别适合初学者和有一定编程基础的开发者。它通过中文关键词和语法&#xff0c;降低了编程的门槛&#xff0c;使得代码更加直观易懂。 示例&#xff…
阅读更多...
DeepSeek AI R1推理大模型API集成文档

DeepSeek AI R1推理大模型API集成文档

DeepSeek AI R1推理大模型API集成文档 引言 随着自然语言处理技术的飞速发展&#xff0c;大语言模型在各行各业的应用日益广泛。DeepSeek R1作为一款高性能、开源的大语言模型&#xff0c;凭借其强大的文本生成能力、高效的推理性能和灵活的接口设计&#xff0c;吸引了大量开发…
阅读更多...
【算法-动态规划】、魔法卷轴: 两次清零机会整个数组最大累加和

【算法-动态规划】、魔法卷轴: 两次清零机会整个数组最大累加和

【算法-动态规划】、魔法卷轴: 两次清零机会整个数组最大累加和 文章目录 一、dp1.1 题意理解1.2 整体思路1.3 具体思路1.4 代码 二、多语言解法 一、dp 1.1 题意理解 nums 数组, 有正负0, 使用最多两次魔法卷轴, 希望使数组整体的累加和尽可能大. 求尽可能大的累加和 其实就…
阅读更多...
【R】Dijkstra算法求最短路径

【R】Dijkstra算法求最短路径

使用R语言实现Dijkstra算法求最短路径 求点2、3、4、5、6、7到点1的最短距离和路径 1.设置data&#xff0c;存放有向图信息 data中每个点所在的行序号为起始点序号&#xff0c;列为终点序号。 比如&#xff1a;值4的坐标为(1,2)即点1到点2距离为4&#xff1b;值8的坐标为(6,7)…
阅读更多...
深入浅出：探索 DeepSeek 的强大功能与应用

深入浅出：探索 DeepSeek 的强大功能与应用

深入浅出&#xff1a;探索 DeepSeek 的强大功能与应用 在人工智能技术飞速发展的今天&#xff0c;自然语言处理&#xff08;NLP&#xff09;作为其重要分支&#xff0c;正逐渐渗透到我们生活的方方面面。DeepSeek 作为一款功能强大的 NLP 工具&#xff0c;凭借其易用性和高效性…
阅读更多...
西门子S7-200 PLC串口PPI转以太网通讯的模块链接方式

西门子S7-200 PLC串口PPI转以太网通讯的模块链接方式

项目背景 某汽车零部件生产车间有30台自动化生产设备&#xff0c;控制系统采用西门子S7-200系列的CPU226。此前&#xff0c;设备的一个通讯端口用于和变频器进行自由口通讯&#xff0c;另一个通讯端口连接着一台昆仑通态触摸屏作为人机界面。车间计划进行智能化升级&#xff…
阅读更多...
win10向windows server服务器传输文件

win10向windows server服务器传输文件

win10向windows server服务器传输文件 遇到无法直接拖动文件进行传输时 解决方案&#xff1a; 1.点击显示选项 2.点击本地资源-详细信息 3.在窗口中选择你需要共享的磁盘 4.然后远程连接到Windows server服务器 5.登录Windows server服务器后&#xff0c;在此电脑下就能看…
阅读更多...
git服务器搭建，gitea服务搭建，使用systemclt管理服务

git服务器搭建，gitea服务搭建，使用systemclt管理服务

文章目录 页面展示使用二进制文件安装git服务下载选择架构使用wget下载安装 验证 GPG 签名服务器设置准备环境创建systemctl文件 备份与恢复备份命令 (dump)恢复命令 (restore) 页面展示 使用二进制文件安装git服务 所有打包的二进制程序均包含 SQLite&#xff0c;MySQL 和 Po…
阅读更多...
Mybatis快速入门与核心知识总结

Mybatis快速入门与核心知识总结

Mybatis 1. 实体类&#xff08;Entity Class&#xff09;1.1 实体类的定义1.2 简化编写1.2.1 Data1.2.2 AllArgsConstructor1.2.3 NoArgsConstructor 2. 创建 Mapper 接口2.1 Param2.2 #{} 占位符2.3 SQL 预编译 3. 配置 MyBatis XML 映射文件&#xff08;可选&#xff09;3.1 …
阅读更多...
用docker在本地用open-webui部署网页版deepseek

用docker在本地用open-webui部署网页版deepseek

前置条件 用Ollama在本地CMD窗口运行deepseek大模型-CSDN博客文章浏览阅读109次&#xff0c;点赞5次&#xff0c;收藏2次。首次运行需要下载deepseek的大模型包&#xff08;大约5GB&#xff0c;根据本地网速的不同在半个小时到几个小时之间下载完成&#xff09; &#xff0c;并…
阅读更多...
2025.2.8——一、[护网杯 2018]easy_tornado tornado模板注入

2025.2.8——一、[护网杯 2018]easy_tornado tornado模板注入

题目来源&#xff1a;BUUCTF [护网杯 2018]easy_tornado 目录 一、打开靶机&#xff0c;整理信息 二、解题思路 step 1&#xff1a;分析已知信息 step 2&#xff1a;目标——找到cookie_secret step 3&#xff1a;构造payload 三、小结 一、打开靶机&#xff0c;整理信…
阅读更多...
前端实现在PDF上添加标注(1)

前端实现在PDF上添加标注(1)

前段时间接到一个需求&#xff0c;用户希望网页上预览PDF&#xff0c;同时能在PDF上添加文字&#xff0c;划线&#xff0c;箭头和用矩形框选的标注&#xff0c;另外还需要对已有的标注进行修改&#xff0c;删除。 期初在互联网上一通搜索&#xff0c;对这个需求来讲发现了两个问…
阅读更多...
GitCode 助力 Easy-Es，革新 Elasticsearch 开发体验

GitCode 助力 Easy-Es，革新 Elasticsearch 开发体验

项目仓库&#xff08;点击阅读原文链接可直达&#xff09; https://gitcode.com/dromara/easy-es 项目背景&#xff1a;填补 Elasticsearch ORM 框架空白 在 Java 开发领域&#xff0c;Excel 和 Elasticsearch 的代码编写难度一直名列前茅&#xff0c;尤其是 Elasticsearch&a…
阅读更多...
推荐文章
最新文章

Copyright @ 2022~2023