如何创建网站和域名,成都私人做网站建设的公司,阳江网红酒店,免费企业建站系统源码在前后端分离开发架构下#xff0c;经常遇到调用后端数据API接口进行测试、集成、联调等需求#xff0c;比如#xff1a;
#xff08;1#xff09;前端开发人员很快开发完成了UI界面#xff0c;但后端开发人员的API接口还没有完成#xff0c;不能进行前后端数据接口对接…在前后端分离开发架构下经常遇到调用后端数据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 几个请求方法。网站地址JSONPlaceholder - Free Fake REST API
以下示例均通过了Postman测试模拟了GET请求多条数据接口、单条数据接口、大量数据接口、图片资源接口、restful风格参数接口、url带?参数接口、返回复杂JSON数据格式接口等方便前端开发人员开始测试或者mock数据时使用。
1、获取100篇文章数据GET无参数请求
返回100条数据每条内容都有帖子 ID、发贴人 ID、标题、以及简介。
http://jsonplaceholder.typicode.com/posts 2、根据文章ID获取文章数据GET带restful风格参数
根据文章 ID 获取指定文章的数据传递的参数为restful风格参数。
返回文章 ID、发贴人 ID、标题、以及内容。
http://jsonplaceholder.typicode.com/posts/3
本例传入的 ID 为3返回 ID 为3的数据。 3、获取某个用户所有的帖子GET带?风格参数
根据用户 ID 获取指定用户的数据传递的产生为url中带问号的风格
https://jsonplaceholder.typicode.com/posts?userId2 4、添加文章POST请求模拟提交JSON数据
使用 POST 发送一篇文章发送成功会返回一个文章 ID 回来。
http://jsonplaceholder.typicode.com/posts
提交的内容为JSON格式比如
{ userId: 1, title: 云程低代码平台, body: 私有化部署、定制化开发、源代码交付、欢迎在线体验。http://www.yunchengxc.com
} 5、获取5000条人员数据GET请求模拟大数据量一次性返回
返回5000条数据每条内容都有标题、图片URL、缩略图URL用于测试图片显示的场景。
https://jsonplaceholder.typicode.com/photos 6、获取单条人员数据带图片URLGET请求返回图片URL
返回单条数据内容都有标题、图片URL、缩略图URL用于测试图片显示的场景。
https://jsonplaceholder.typicode.com/photos/5 7、随机返回一张照片资源GET请求直接返回图片资源
『Lorem Picsum』 可以随机返回一张照片资源还可以指定照片的尺寸可以直接放在 img 标签的 src 属性内使用。
https://picsum.photos/400/300
返回宽400高300的一张图片 8、获取某个城市的天气预报GET请求返回复杂JSON格式数据
天气API 数据以天津为例链接为http://t.weather.sojson.com/api/weather/city/101030100
返回成功状态status为200 失败为非200返回的JSON数据格式包括多个嵌套用于测试比较复杂JSON格式的前端处理。注意该接口不支持跨域。 二、数据MOCK接口管理工具
以上免费在线http数据接口返回值是固定格式的仅能满足mock假数据的场景在实际的开发场景中常常需要动态构建业务规定的数据格式而且需要有管理界面维护数据mock接口。
云程低代码平台提供了API接口mock管理功能可在线配置HTTP数据接口灵活构建业务需要的数据格式基于HTTP方式一键发布出去用于前后端接口数据联调以及给大屏、报表快速提供数据接口等应用需求。
mock接口在线管理 通过postman测试http接口 查看接口调用日志 在线免费测试体验http://www.yunchengxc.com
