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

大前端之前端开发接口测试工具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 适合包含文件的请求。

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

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

如若内容造成侵权/违法违规/事实不符,请联系我们进行投诉反馈qq邮箱809451989@qq.com,一经查实,立即删除!

相关文章

CSS3+动画

浏览器内核以及其前缀 css标准中各个属性都要经历从草案到推荐的过程&#xff0c;css3中的属性进展都不一样&#xff0c;浏览器厂商在标准尚未明确的情况下提前支持会有风险&#xff0c;浏览器厂商对新属性的支持情况也不同&#xff0c;所有会加厂商前缀加以区分。如果某个属性…

Docker Compose介绍及安装使用MongoDB数据库详解

在现代容器化应用部署中&#xff0c;Docker Compose是一种非常实用的工具&#xff0c;它允许我们通过一个docker-compose.yml文件来定义和运行多容器应用程序。然而&#xff0c;除了Docker之外&#xff0c;Podman也提供了类似的工具——Podman Compose&#xff0c;它允许我们在…

防火墙是什么?详解网络安全的关键守护者

当今信息化时代&#xff0c;企业和个人在享受数字生活带来的便利时&#xff0c;也不可避免地面对各种潜在的风险。防火墙作为网络安全体系中的核心组件&#xff0c;就像一道牢不可破的防线&#xff0c;保护着我们的数据和隐私不受外界威胁的侵害。那么防火墙是什么&#xff1f;…

畅游Diffusion数字人(16):由音乐驱动跳舞视频生成

畅游Diffusion数字人(0):专栏文章导航 前言:从Pose到跳舞视频生成的工作非常多,但是还没有直接从音乐驱动生成的工作。最近字节跳动提出了MuseDance,无需复杂的动作引导输入(如姿势或深度序列),从而使不同专业水平的用户都能轻松进行灵活且富有创意的视频生成。 目录 贡…

机器学习常用包matplotlib篇(一)简单图像绘制

前言 Matplotlib 是支持 Python 语言的开源绘图库&#xff0c;简单且完善。 一、环境配置 1.环境设置 在 Notebook 环境绘图时&#xff0c;需先运行 %matplotlib inline 命令&#xff0c;将绘制图形嵌入当前页面。在桌面环境绘图&#xff0c;无需上述命令&#xff0c;而是在…

深入理解指针初阶:从概念到实践

一、引言 在 C 语言的学习旅程中&#xff0c;指针无疑是一座必须翻越的高峰。它强大而灵活&#xff0c;掌握指针&#xff0c;能让我们更高效地操作内存&#xff0c;编写出更优化的代码。但指针也常常让初学者望而生畏&#xff0c;觉得它复杂难懂。别担心&#xff0c;本文将用通…

如何利用DeepSeek开源模型打造OA系统专属AI助手

利用DeepSeek开源模型打造OA系统专属AI助手&#xff0c;可以显著提升办公效率&#xff0c;增强信息检索和管理能力。 注册与登录DeepSeek平台 访问DeepSeek官网 访问DeepSeek的官方网站DeepSeek。使用电子邮件或手机号码注册账号并登录。 获取API Key 登录DeepSeek平台&am…

jupyter notebook中3种读图片的方法_与_图片翻转(上下翻转,左右翻转,上下左右翻转)

已有图片cat.jpg 相对于代码的位置&#xff0c;可以用./cat.jpg进行读取。 下面是3种读图片的方法。 1.python读图片-pillow 图片文件不适合用open去读取 用open读图片&#xff0c;易引发UnicodeDecodeError: gbk codec cant decode byte 0xff in position 0: illegal multib…

软考高级《系统架构设计师》知识点(一)

计算机硬件 校验码 码距&#xff1a;就单个编码A:00而言&#xff0c;其码距为1&#xff0c;因为其只需要改变一位就变成另一个编码。在两个编码中&#xff0c;从A码到B码转换所需要改变的位数称为码距&#xff0c;如A:00要转换为B:11&#xff0c;码距为2。一般来说&#xff0c;…

【原创精品】基于Springboot3+Vue3的学习计划管理系统

大家好&#xff0c;我是武哥&#xff0c;最近给大家手撸了一个基于SpringBoot3Vue3的学习计划管理系统&#xff0c;可用于毕业设计、课程设计、练手学习&#xff0c;系统全部原创&#xff0c;如有遇到网上抄袭站长的&#xff0c;欢迎联系博主~ 项目演示视频 https://www.bili…

从零到一:我的元宵灯谜小程序诞生记

缘起&#xff1a;一碗汤圆引发的灵感 去年元宵节&#xff0c;我正捧着热腾腾的汤圆刷朋友圈&#xff0c;满屏都是"转发锦鲤求灯谜答案"的动态。看着大家对着手机手忙脚乱地切换浏览器查答案&#xff0c;我突然拍案而起&#xff1a;为什么不做一个能即时猜灯谜的微信…

RAG 在智能答疑中的探索

一、背景 得物开放平台是一个把得物能力进行开放&#xff0c;同时提供给开发者提供 公告、应用控制台、权限包申请、业务文档等功能的平台。 面向商家&#xff1a;通过接入商家自研系统。可以实现自动化库存、订单、对账等管理。 面向ISV &#xff1a;接入得物开放平台&#…

Flutter编译问题记录

问题&#xff1a; 运行出现以下报错 Launching lib/main.dart on macOS in debug mode... Warning: CocoaPods not installed. Skipping pod install. CocoaPods is a package manager for iOS or macOS platform code. Without CocoaPods, plugins will not work on iOS or …

长安汽车发布“北斗天枢2.0”计划,深蓝汽车普及全民智驾

2月9日&#xff0c;长安汽车智能化战略“北斗天枢2.0”计划暨深蓝汽车全场景智能驾驶解决方案发布会在重庆盛大召开。此次发布会标志着长安汽车正式迈入智能化战略的新纪元&#xff0c;携手众多“中国智驾合伙人”&#xff0c;共同开启全民智驾元年。 发布会上&#xff0c;长安…

Java--集合(理论)

目录 一、collection collection常用方法 1.List&#xff08;可以存在重复元素&#xff09; 迭代器 迭代器的概念 注意事项 例子 1.ArrayList 特点 2.LinkedLIst 特点 3.Vector 特点 2.Set&#xff08;无重复元素&#xff09; 1.HashSet 特点 2.Linkedhashset&…

三相绕线型异步电动机转子串电阻器起动的建模仿真

1.引言 2.起动方法与原理 3. 起动器的分级电阻计算 4. 起动时间计算 5.三相异步电动机瞬态数学模型 6. 三相绕线型异步电动机转子串电阻器系统仿真模型 7.实例仿真分析 8.总结 1.引言 三相绕线型异步电动机转子串电阻器起动的研究文章有很多很多&#xff0c;但大多数都不…

用Python编写经典《贪吃蛇》小游戏

文章目录 环境准备依赖库 实现思路核心模块设计 代码框架运行效果优化建议总结通过本框架可实现基础版贪吃蛇游戏&#xff0c;关键点在于&#xff1a;典型问题解决方案&#xff1a; 环境准备 依赖库 主要依赖 Python 3.6pygame 2.1.2 # 用于图形界面渲染 安装命令 pip ins…

防洪先锋,应急防洪墙助力灾害应急响应|深圳鼎跃

在全球极端天气频发的背景下&#xff0c;洪涝灾害日益成为威胁人类安全的重要因素。传统的防洪措施如堤坝、沙袋虽有一定效果&#xff0c;但在突发性洪水面前往往难以迅速部署。 应急防洪墙是一种模块化、可移动的临时防洪结构&#xff0c;通过拼插、折叠或液压驱动快速形成刚性…

从Word里面用VBA调用NVIDIA的免费DeepSeekR1

看上去能用而已。 选中的文字作为输入&#xff0c;运行对应的宏即可&#xff1b;会先MSGBOX提示一下&#xff0c;然后相关内容追加到word文档中。 需要自己注册生成好用的apikey Option ExplicitSub DeepSeek()Dim selectedText As StringDim apiKey As StringDim response A…

高通android WIFI debug

参考高通文档&#xff1a;80-76240-16_REV_AA_Wi-Fi_Debug_Techniques 大纲 一、 WLAN Debug Logs –logcat ■ Logcat log logcat is a command-line tool that dumps the log of system messages, ■ Including stack traces when the device throws an error. ■ Need t…