服务端mock工具开发（mockserverjs）

本篇文章给大家谈谈服务端mock工具开发，以及mock-server.js对应的知识点，希望对各位有所帮助，不要忘了收藏本站喔。 今天给各位分享服务端mock工具开发的知识，其中也会对mock-server.js进行解释，如果能碰巧解决你现在面临的问题，别忘了关注本站，现在开始吧！

本文目录一览：

• 1、搭建本地mock服务
• 2、前端 API 接口数据模拟 (Mock)
• 3、Yapi平台之Mock服务
• 4、我是怎么搭建前端mock-server的

搭建本地mock服务

一：为什么用mock

1.不用mock依赖后端接口服务端mock工具开发，串行开发会拉长开发周期

2.再也不用跟后端屁股后头崔接口服务端mock工具开发，定义好数据格式即可

二：mock分类

1.直接写死假数据

2.安装mock.js 利用Mock.mock()

3.在本地启动一个mock服务

4.搭建一个mock平台

三：l-mock在项目中的应用

一：l-mock是一个启动本地mock服务的工具 1.全局安装 npm i l-mock -g

2.初始化mock目录, init命令在project根目录下生成mock目录服务端mock工具开发，并放置demo接口 cd path/to/project lmock init

3.运行, 进入生成的mock目录，运行start命令，直接访问localhost:3000/a 则可看到/a接口返回 cd mock lmock start 第一次初始化后，后面的开发只需要在mock目录中运行lmock start就可以开启接口模拟。 为了方便服务端mock工具开发我们可以直接配置在npm命令中，往后就运行 npm run mock

前端 API 接口数据模拟 (Mock)

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

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

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

该数据即 files 目录下面 _api_heartbeat_get.json 的内容。

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

GET api/heartbeat 映射到 files_api_heartbeat_get.json

POST api/user/create 映射到 files_api_user_create_post.json

GET api/user?pseudo=1 映射到 files_api_user_get_1.json
POST api/course?pseudo=2 映射到 files_api_course_post_2.json

Yapi平台之Mock服务

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

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

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

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

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

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

很多时候需要根据不同的请求参数返回不同的响应数据，可以使用高级Mock中的期望或自定义脚本来实现。
以新网项目中的联合登陆接口为例。后台逻辑为如果用户已开户则返回数据中"openAccount": true，如果未开户"openAccount": false。
接口的输入参数有：mobile，idCard，userRealName。可以设置输入userRealName=’哈哈’时为已开户条件，返回"openAccount": true。为其他值时均为未开户的情况，返回"openAccount": false。下面分别用期望和脚本两种方式实现：

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

参考：
yapi官网教程： <uhttps://hellosean1025.github.io/yapi/documents/index.html</u
Mock.js的详细内容参考： <uhttp://mockjs.com/0.1/#natural</u

我是怎么搭建前端mock-server的

作者：张云龙
链接：https://www.zhihu.com/question/35436669/answer/62753889
来源：知乎
著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。

为了更好的分工合作，让前端能在不依赖后端环境的情况下进行开发，其中一种手段就是为前端开发者提供一个web容器，这个本地环境就是 mock server。
要完整运行前端代码，通常并不需要完整的后端环境，我们只要在mock server中实现以下几点就行了：

能渲染模板

实现请求路由映射

数据接口代理到生产或者测试环境

能渲染模板很简单，在mock server中集成模板引擎就行了，然后提供模拟的页面数据用于完整渲染页面，不过有时候生产环境中的模板引擎可能有一些环境依赖的扩展，这个要单独实现。
请求路由映射，实现原理就是要让本地的mock server有一个router，能接收所有HTTP请求，然后在router中根据线上的路由约定，实现一套一样的规则，这个也不难，不赘述了。
最后数据接口代理。与前端相关的HTTP请求一共就3种响应情况：

渲染页面的请求；

静态资源的请求；

获取数据的请求。

由于实现了router，我们把渲染页面的请求在mock server中处理掉，直接输出本地模板的渲染结果；静态资源的请求直接返回文件内容；而把数据请求代理到测试或者生产环境，本地就不用mock了（当然，如果出现新的接口测试环境没有的，可以追加router，在mock server想响应假数据）

画个图总结一下：

补充一些Tips：

由于Mock Server需要具备渲染模板的能力，因此可能需要一种轻量的服务端跨平台server实现方案，如果是java的后端，可以考虑使用jetty，一个1.8M的jar即可；如果是php的后端，可以考虑使用php 5.4以后内置的server，启动命令是 php -S 127.0.0.1:3000 router.php；如果是Nodejs，那就很简单了，估计都不需要Mock Server，本地也可以跑的

关于服务端mock工具开发和mock-server.js的介绍到此就结束了，不知道你从中找到你需要的信息了吗 ？如果你还想了解更多这方面的信息，记得收藏关注本站。 服务端mock工具开发的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于mock-server.js、服务端mock工具开发的信息别忘了在本站进行查找喔。

版权声明：本文内容由网络用户投稿，版权归原作者所有，本站不拥有其著作权，亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容，请联系我们jiasou666@gmail.com 处理，核实后本网站将在24小时内删除侵权内容。