首页 > 其他分享 >推荐几个免费的http mock接口

推荐几个免费的http mock接口

时间:2024-07-12 17:09:57浏览次数:15  
标签:http com 接口 数据 ID mock

在前后端分离开发架构下,经常遇到调用后端数据API接口进行测试、集成、联调等需求,比如:

(1)前端开发人员很快开发完成了UI界面,但后端开发人员的API接口还没有完成,不能进行前后端数据接口对接和联调,很容易影响开发进度。前端开发人员用的比较多的开源组件有mock.js,但该组件缺乏界面管理,因为这样做很容易造成代码耦合,甚至一不小心就会把Mock代码打包到生产环境。

(2)在一些数据大屏可视化、报表开发、调用远程服务等业务场景中,常常需要远程http接口数据的支撑,往往把JSON数据写死到代码里,或者通过spring mvc开发数据接口,这些工作都比较耗时,且日后不好更改和维护。当然,也可以使用开源软件json-server用于模拟服务端接口数据,根据json数据建立一个完整的web服务。JSON-Server 是一个 Node 模块,运行 Express 服务器,你可以指定一个 json 文件作为 api 的数据源。

以下介绍两种快速调用数据mock接口的方式,一种是使用在线免费的http接口,另一种是基于数据mock工具动态生成接口。

一、 免费在线HTTP服务接口,模拟假数据

JSONPlaceholder 是一个提供免费的在线 REST API 的网站,我们在开发时可以使用它提供的 url 地址测试下网络请求以及请求参数。当我们程序需要获取一些假数据、假图片或者mock数据接口时可以使用它。其返回的数据为 JSON 格式,且同时支持 HTTP 和 HTTPS 这两种请求类型,支持跨域,如 CORS 和 JSONP,支持GET、POST、PUT、PATCH、DELETE 几个请求方法。网站地址:http://jsonplaceholder.typicode.com/

以下示例均通过了Postman测试,模拟了GET请求多条数据接口、单条数据接口、大量数据接口、图片资源接口、restful风格参数接口、url带?参数接口、返回复杂JSON数据格式接口等,方便前端开发人员开始测试或者mock数据时使用。

1、获取100篇文章数据(GET无参数请求)

返回100条数据,每条内容都有帖子 ID、发贴人 ID、标题、以及简介。

http://jsonplaceholder.typicode.com/posts

1-get请求多条数据

2、根据文章ID获取文章数据(GET带restful风格参数)

根据文章 ID 获取指定文章的数据,传递的参数为restful风格参数。

返回:文章 ID、发贴人 ID、标题、以及内容。

http://jsonplaceholder.typicode.com/posts/3

本例传入的 ID 为3,返回 ID 为3的数据。

2-get请求单条数据

3、获取某个用户所有的帖子(GET带?风格参数)

根据用户 ID 获取指定用户的数据,传递的产生为url中带问号的风格

https://jsonplaceholder.typicode.com/posts?userId=2

3-get带参数的数据

4、添加文章(POST请求,模拟提交JSON数据)

使用 POST 发送一篇文章,发送成功会返回一个文章 ID 回来。

http://jsonplaceholder.typicode.com/posts

提交的内容为JSON格式,比如:

{

"userId": 1,

"title": "云程低代码平台",

"body": "私有化部署、定制化开发、源代码交付、欢迎在线体验。http://www.yunchengxc.com"

}

3-post单条数据

5、获取5000条人员数据(GET请求模拟大数据量一次性返回)

返回5000条数据,每条内容都有标题、图片URL、缩略图URL,用于测试图片显示的场景。

https://jsonplaceholder.typicode.com/photos

5-get请求5000条数据

6、获取单条人员数据带图片URL(GET请求,返回图片URL)

返回单条数据,内容都有标题、图片URL、缩略图URL,用于测试图片显示的场景。

https://jsonplaceholder.typicode.com/photos/5

6-get请求单条数据带图片

7、随机返回一张照片资源(GET请求,直接返回图片资源)

『Lorem Picsum』 可以随机返回一张照片资源,还可以指定照片的尺寸,可以直接放在 <img> 标签的 src 属性内使用。

https://picsum.photos/400/300

返回宽400,高300的一张图片

7-get请求直接返回图片

8、获取某个城市的天气预报(GET请求,返回复杂JSON格式数据)

天气API 数据(以天津为例),链接为:http://t.weather.sojson.com/api/weather/city/101030100

返回成功状态(status)为:200 ,失败为非200,返回的JSON数据格式包括多个嵌套,用于测试比较复杂JSON格式的前端处理。注意,该接口不支持跨域。

8-get请求返回复杂JSON数据

数据MOCK接口管理工具

以上免费在线http数据接口返回值是固定格式的,仅能满足mock假数据的场景,在实际的开发场景中常常需要动态构建业务规定的数据格式,而且需要有管理界面维护数据mock接口。

云程低代码平台提供了API接口mock管理功能,可在线配置HTTP数据接口,灵活构建业务需要的数据格式,基于HTTP方式一键发布出去,用于前后端接口数据联调,以及给大屏、报表快速提供数据接口等应用需求。

mock接口在线管理:

9-云程mock管理

通过postman测试http接口:

10-postman测试

查看接口调用日志:

11-查看请求日志

在线免费测试体验:http://www.yunchengxc.com

标签:http,com,接口,数据,ID,mock
From: https://www.cnblogs.com/hibpm/p/18298957

相关文章

  • 嵌入式linux使用usb接口,共享windows网络
    【RNDIS】嵌入式linux使用usb接口,共享windows网络内核配置CONFIG_USB_GADGETFS=mCONFIG_USB_ETH=mCONFIG_USB_ETH_RNDIS=yusb接口工作在device模式,我理解使用otg或者device模式都可以。数据流以太网<----->windows/linux网卡<----->usb接口<----->嵌入式Linux系统......
  • AvalonMM接口PIO IP的介绍和PIO的读写操作详解
    一、PIO寄存器介绍Avalon®-MM主机外设(如CPU)通过四个32位寄存器控制并与PIO核通信,如下所示。该表假设PIO核的I/O端口被配置为n位宽度。以上截图来自IntelEmbeddedPeripheralsIPUserGuide。data寄存器如果将PIO硬件配置为输入或仅输入输出模式,则从数据读取将返回输入端......
  • NET6 通过接口完成自动注入
    根据NETCore的注入方式添加三个接口///<summary>///瞬时注入服务接口///</summary>publicinterfaceITransient{}///<summary>///作用域注入服务接口///</summary>publicinterfaceIScoped{}///<summary>///单例注入服务接口///</summary>public......
  • 5-Set接口和常用方法
    5-Set接口和常用方法介绍汇总:Set接口基本介绍Set接口的常用方法Set接口的遍历方式实践练习1-Set接口基本介绍无序(添加和取出的顺序不一致),没有索引不允许重复元素,所以最多包含一个null2-Set接口的常用方法和List接口一样,Set接口也是Collection的子接口。因此,......
  • (5)继承与接口
    上一章主要学习了类与对象的有关知识点,讨论了类的构成以及用类创建对象等内容,主要体现了面向对象编程的一个重要特点——数据的封装。本章讲述这两方面的重要内容——类的继承与多态、接口的实现与多态。1.子类与父类继承是一种由已有的类创建新类的机制。先编写一个有属性......
  • 【史上最全面ESP32教程】http通信
    文章目录前言HTTP协议是什么?HTTP协议的特点HTTP协议的常见应用esp32使用http通信通信流程基础使用HTTPClient常用的函数函数介绍:`voidend(void);``boolconnected(void);``voidsetReuse(boolreuse);``voidsetUserAgent(constString&userAgent);``voidsetAuthor......
  • HTTPS、SSL和TLS
    1、HTTPS相关概念1.1、对称加密和非对称加密简单描述一下,加密密钥和解密密钥相同,则称为对称加密;加密密钥和解密密钥不同,则称为非对称加密;对称加密比非对称加密的效率要高。详细的描述的可以查看对称加密与非对称加密详解-浪迹天涯的派大星-博客园(cnblogs.com)1.2、中间......
  • 在springboot 中使用Apache HttpClient 4的详细示例
    在SpringBoot中使用ApacheHttpClient,可以通过配置HttpClient的Bean并使用它来发起HTTP请求。下面是一个详细的示例,展示了如何在SpringBoot应用中集成和使用ApacheHttpClient。步骤1:添加依赖在你的pom.xml文件中添加ApacheHttpClient的依赖:<dependency>......
  • 在springboot 中使用Apache HttpClient 5的详细示例
    ApacheHttpComponentsClient5.x是HttpClient的最新版本,与4.x系列相比,5.x系列进行了许多改进和重构,提供了更现代的API和更好的性能。以下是使用步骤步骤1:添加依赖在你的pom.xml文件中添加ApacheHttpClient5.x的依赖:<dependency><groupId>org.apache.htt......
  • php实名认证示例、实人认证接口
    随着互联网的高速发展,人们可以发表言论的渠道越来越多。网络平台不断汲取各地、各人、各时发表的各种信息。人们喜欢将信息发布到微博、知乎、天涯、豆瓣等等网络平台,逐步的,网络信息进入大爆炸时代。这些大量涌现的信息中难免掺杂着一些不良信息,比如:虚假信息、污言秽语、违法......