mock工具服务器搭建（如何搭建mock服务）

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

本文目录一览：

• 1、我是怎么搭建前端mock-server的
• 2、【接口测试】接口测试中的Mock服务是如何实现的？
• 3、使用postman的mock server
• 4、Yapi平台之Mock服务

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

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

为了更好mock工具服务器搭建的分工合作，让前端能在不依赖后端环境mock工具服务器搭建的情况下进行开发，其中一种手段就是为前端开发者提供一个web容器，这个本地环境就是 mock server。
要完整运行前端代码，通常并不需要完整mock工具服务器搭建的后端环境，mock工具服务器搭建我们只要在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实现的核心思想是搭建一个Mock Servermock工具服务器搭建，通过该服务提供mock接口。常见的实现方式有：
使用第三方mock平台
自己开发mock服务
使用mock框架搭建mock服务

使用postman的mock server

【前情提要】

作为测试工程师，在日常工作中遇到和三方对接的项目，三方开发进度不理想，导致无法进行联调测试，基于此，开始学习与了解mock服务

【吸收】

经过资料查询，实操验证之后，汇总成如下自我理解：

1.正常自己公司的项目里面，会有一个config文件，里面会配置相关第三方调用接口的地址：ip:port//，具体的URL中的path会统一在接口文档中给出，描述三方提供的接口信息，包括（接口说明、接口路径（path）、请求参数、返回数据格式等），具体项目中调用哪些三方接口，则在项目程序里再去规定。

2.mock的意义，简单来说在于模拟第三方接口的返回，用于我们项目的前端调试，或者接口与接口之间的调用调试。

3.基于此，我们可以使用postman工具的mock server功能，来模拟第三方接口，既然模拟了第三方的所有接口，那么我们在得到mock server的地址（IP2:port2）后，需要在自己项目的config文件中，把配置的第三方调用接口的地址（ip:port），修改成mock server的地址（IP2:port2）。这样程序在运行后，本来调用第三方的地址，才能够走到我们的mock server中，模拟我们配置好的接口返回的数据。

（ 注 ：1.在测试完成后，项目上线之前，需要检查配置文件的地址，是否修改为正确的三方地址。2.出于测试完整性，临时使用mock地址后，三方接口完成开发后，需要修改回正确的三方地址，进行联调测试）

4.postman的mock server 使用步骤：

a.注册postman账号

b.可新建一个space来单独管理mock
d.在环境变量里添加相应的变量，主要包括mock server 的服务地址（即：IP2：port2），以及属于自己账号下的api keys（获取方式需要登录postman官网）

e.给mock server里添加相应的接口，并增加相应的EXAMPLE

f.mock添加对应的接口后，因mock server是联网的，故不受内外网环境的限制，在任何网络环境下，都可配置你自己的mock server地址，进行测试。

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

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