一、 Restful API 基于json server mock数据介绍

1 Restul API概述      

 Restful API是一种网络应用程序的设计风格和开发方式，基于>

什么是mockJs

生成随机数据，拦截 Ajax 请求

参考文档： >

YApi的 Mock 功能可以根据用户的输入接口信息如协议、URL、接口名、请求头、请求参数、返回数据（ 返回数据 ）生成 Mock 接口，这些接口会自动生成模拟数据，创建者可以自由构造需要的数据。mock模拟数据基于mockjs。

Mockjs 是一款模拟数据生成器，旨在帮助前端攻城师独立于后端进行开发，帮助编写单元测试。提供了以下模拟功能：

l 根据数据模板生成模拟数据

l 模拟 Ajax 请求，生成并返回模拟数据

l 基于 HTML 模板生成模拟数据

进入项目，选择并点击某接口

很多时候需要根据不同的请求参数返回不同的响应数据，可以使用高级Mock中的期望或自定义脚本来实现。

以新网项目中的联合登陆接口为例。后台逻辑为如果用户已开户则返回数据中"openAccount": true，如果未开户"openAccount": false。

接口的输入参数有：mobile，idCard，userRealName。可以设置输入userRealName=’哈哈’时为已开户条件，返回"openAccount": true。为其他值时均为未开户的情况，返回"openAccount": false。下面分别用期望和脚本两种方式实现：

还是以新网银行项目为例，结合app中的H5页面来演示一下。

参考：

yapi官网教程： <u>>

在前端开发的过程中，会碰到以下一些问题：

为了解决此类问题，需要使用 mock 数据和 mock 服务器来提供支持。

很多前端框架，如 Reactor、 Angular、Vue 等都带有 mock 服务，以方便开发，这里介绍的是一个独立的小工具，可以在开发者自己的机器上方便的部署和运行，模拟后端接口的返回，以方便前端模拟各种数据。特性如下：

该数据即 files 目录下面 _api_heartbeat_getjson 的内容。

直接按快捷键 CTRL+C 来停止。

GET >

Mockmock( rurl, rtype, template|function(options) )

根据数据模板生成模拟数据。

参数的含义和默认值如下所示：

参数 rurl：可选。表示需要拦截的 URL，可以是 URL 字符串或 URL 正则。例如 /\/domain\/listjson/、'/domian/listjson'。

参数 rtype：可选。表示需要拦截的 Ajax 请求类型。例如 GET、POST、PUT、DELETE 等。

参数 template：可选。表示数据模板，可以是对象或字符串。例如 { 'data|1-10':[{}] }、'@EMAIL'。

参数 function(options)：可选。表示用于生成响应数据的函数。

参数 options：指向本次请求的 Ajax 选项集。

Mockmockjax(library)

覆盖（拦截） Ajax 请求，目前内置支持 jQuery、Zepto、KISSY。

MockRandom

MockRandom 是一个工具类，用于生成各种随机数据。MockRandom 的方法在数据模板中称为“占位符”，引用格式为 @占位符(参数 [, 参数]) 。

Mocktpl(input, options, helpers, partials)

基于 Handlebars、Mustache 的 HTML 模板生成模拟数据。

两种数据调用方式

1使用 Mockmock 直接编写

2使用 随机函数 Random 编写

使用 express 提供服务

跨域设置

在chrome network下可查看到接口调用

完整的 mockservicejs 如下

以上就是关于一、 Restful API 基于json server mock数据介绍全部的内容，包括:一、 Restful API 基于json server mock数据介绍、使用 Mockjs 模拟数据、mock模拟数据等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！