美文网首页iOS开发好文移动开发对移动开发有帮助
移动开发数据模拟及在线API生成工具

移动开发数据模拟及在线API生成工具

作者: huluo666 | 来源:发表于2017-11-02 17:38 被阅读299次

一、功能简介

快速简单的使用Mockjs对接口数据进行模拟,生成在线API。

​ 有些时候当你在进行开发时,你需要的后端接口可能还没有完成对于开发所需要的支持。我们需要一个模拟API提供一些伪造数据来模拟真实环境下的APP使用场景。这就是我们为什么需要模拟REST API的原因,开发者一般会使用如json-serverexpress等来搭建Web Server来实现模拟所需要的数据,当然这种方式功能更加全面,但多少还是有点繁琐耗时的,对于一般的列表类数据,该工具可以很快的模拟你想要的数据并生成一个在线API提供给你进行开发测试。

网页版 mockjsonapi

Mac桌面版:模拟记录编辑保存等,速度更快,网页引用了较多的jscss

下载地址: MockJSON1.0.0.dmg (大小719KB)

​ 本工具基于mockjsjsonblob实现,你只需要掌握mockjs的使用,即可分分钟编写一个JSONApi。

mockjs的编写规则非常简单,和JSON规则一样。

二、如何使用

1、编写正确的mock规则               
2、提交规则生成JSON数据和在线API
tmp268b5eed

JSONAPI:https://jsonblob.com/api/jsonBlob/d9bfbd5f-c393-11e7-8887-e16ef680eccf

快速开始

//Mockjs模板示例-JSON格式
{
"total": 20,
"pageNo": 1,
"code": 0,
"message": "@cparagraph()",
"result|1-20": [//随机生成1-20条数据
  {
    "id|+1": 1,//自增id--初始值为1 
    "title": "@ctitle",//加c表示Chinese 中文标题
    "subtitle|1-6": "我是副标题 ",//模拟名称
    "content": "@cparagraph()",//模拟文本
    "phone"  : "@phone",
    "date": "@date('yyyy-MM-dd')",//模拟时间
    "image": "@image('200x100', '#894FC4', '#FFF','png','')",//模拟图片-//image( size, background, foreground, format, text )
    "userName": "@cname",//加c表示中文名字
    "usersNum": "@integer(0,100)",//数量-Random.integer(min,max)
    "color": "@color",//模拟色值
    "city": "@city(true)",   //中国城市
    "age|1-100": 100,//模拟1~100随机整数,100只是用来确定类型
    "isMale|1": true,  // 布尔值
    "url": "@url()",//模拟url
    "guid": "@guid",//唯一id
    "time": "@time",//时间
    "now": "@now",//当前时间
    "brother|1": ["Alice", "kimi"], // 随机选取 1 个元素
    "sister|+1": ["Alice", "kimi", "lily"], // array中顺序选取元素作为结果
    "friends|2": ["Alice", "kimi"], // 重复2次属性值生成一个新数组
    "string|3": ""//3表示后面属性值重复次数
  }
]
}

Mockjs示例在线演示 (常用模拟数据生成,MockAPI释义)

官网文档示例 http://mockjs.com/examples.html
https://github.com/nuysoft/Mock/wiki

小伙伴们是不是很easy呢!

三、更多

http://mockjs.com/
http://www.json.cn/
https://jsonblob.com/

Mac桌面版演示图:

演示

相关文章

  • 移动开发数据模拟及在线API生成工具

    一、功能简介 ​ 有些时候当你在进行开发时,你需要的后端接口可能还没有完成对于开发所需要的支持。我们需要一个模...

  • api文档自动生成工具

    api-doc java开发,根据代码自动生成api接口文档工具,支持RESTful风格 预览 在线预览地址 ht...

  • easymock的使用

    一个在线模拟后台的数据平台,通过官网注册账户之后,你就可以生成一个在线的API接口,然后通过ajax或者axios...

  • swagger

    介绍 号称世界上最流行的APi框架; restful Api文档在线自动生成工具 ->APi文档与Api定义同步更...

  • SpringBoot整合Swagger3.0

    一、简介 Swagger UI 是一款 API 在线文档生成和调试工具。在需求不断变更的开发环境下,手动编写文档的...

  • Swagger2知识点

    Swagger 号称世界上最流行的Apiece框架 RestFul Api 文档在线自动生成工具=>Api文档与A...

  • 开发常用地址

    在线生成 APP icon4个在线生成制作iPhone图标的APP设计网页工具iOS 模拟器下载省地县 省地县官...

  • 接口调试神器——Swagger

    Swagger介绍 最好的API构建工具。 自动生成在线接口文档; 集成接口在线调试; 使用非常简单; 社区活跃;...

  • app ico图标生成工具

    使用在线移动图标生成工具:图标工场 网站自动生成iOS所需的所有对应格式的图标**

  • 前端数据可视化开源库(一)

    数据可视化主要分为可视化工具(在线生成图类)以及可视化工具库,以下主要为免费开放给开发者的工具库。 | 工具库 |...

网友评论

    本文标题:移动开发数据模拟及在线API生成工具

    本文链接:https://www.haomeiwen.com/subject/kilapxtx.html