一、前言

• 这次分享主要和 mock 相关的，mock 测试就是在测试过程中，对于某些不容易构造或者不容易获取的对象，用一个虚拟的对象来创建以便测试的测试方法，尤其是如果项目需要第三方的数据，但第三方由于权限等问题又不能直接提供对应的数据，造成测试范围覆盖不全的情况，在这种情况下就可以用 mock 来代替第三方的数据以欺骗客户端响应，达到对应的测试效果。
• 最近没怎么写帖子了，工作比以前忙，但还是会抽空学学新知识的，之前一直想自己学一下写一个 mock 服务器，但技术和时间的限制，一直都做不起来，直到有一天突然发现了 moco.jar，又直到某一天突然发现了 Anyproxy，又直到某一天突然脑袋一闪，结合了两者的长处互补，最后就做起来了一个简单 Mock 服务器了，大概的过程如下：

好吧，切入正题

二、工具介绍

1、Anproxy：http://anyproxy.io/cn/
AnyProxy 是一个基于 Node.js 的代理服务器。代理服务器是个中间人，站在了客户端和服务端中间，双方通信的每个比特，都会滴水不漏地经过它。它控制了完整的请求头、请求体、响应头、响应体，可以在客 户端与服务端都无感知的情况下介入处理所有的流程。只要代理服务器可以实现灵活配置，前端工程师们的奇葩需求就有出头之日了。

特点：

• 支持 https 明文代理
• 支持低网速模拟
• 支持二次开发，可以用 javascript 控制代理的全部流程，搭建前端个性化调试环境
• 提供 web 版界面，观测请求情况

尤其是第 3 点，由于可以控制代理，所以就可以控制请求和响应的数据，其实就 Anproxy 本身就可以 mock 了，但存在一个问题，每次修改 Mock 数据之后都必须重启 Anproxy，一旦重启 Anyproxy，连接的客户端就会断开一次网络，这样对于即时通讯需要保持频繁心跳的产品来说是一个比较致命的打击，所以既不能重启 Anproxy，又想随时改变 Mock 数据，那怎么做了，这里就可以用 Moco 了

2、Moco：http://blog.csdn.net/sanjay_f/article/details/50204883

• Moco 其实就是 MockServer 的一个实现。在日常的开发及测试过程中，我们不难发现不同模块之间的测试、协作和集成有时候是一件很困难的事情，往往因为某个模块开发进度落下了，或是某个模块没有配置正确，使得其他模块的测试和开发进度受到限制。通常这被称为短板效应。 由于负责的模块依赖其他底层模块，在进行性能测试时必须先将其他底层模块全部部署调试通顺，才能进行下一阶段的性能作业。而其他模块如若尚未开发完毕，亦或开发完较难搭建，在部署调试过程中往往就会花费大量时间和精力，具体的使用方法点链接看就可以啦

Moco 启动很简单

而且 Mock 数据被修改的话会自动刷新

但是 Moco 有个问题，Moco 启动的是一个服务器，意思是如果要 Mock 的话，所有的请求都得在 Moco 启动的服务器中处理，但是如果想保留原有的未 mock 的接口的正常使用的话那就做不到了，可能说的不太清楚，举个例子：

• 原服务器地址为 www.test.com，Moco 启动的地址为本地 127.0.0.1，现在要 mock 一个名为 test01 的接口，但要保持 test02，test03 等接口的正常使用，好了，如果直接使用 MOCO 的话，意思是所有的接口都要求被 Mock，因为 127.0.0.1 中是没有 test02、test03 等接口的，但又要保持其能正常使用，然后哪有那么多工作量去把所有接口的 mock 都写起来，如果都写起来了，还不如直接写一个服务器算了，而且也难维护，所以结合两者的特点，刚好互补，就可以用来搭建一个简单实用的 Mock 服务器了

3、搭建过程

首先还是像上图一样启动 Moco 先了，然后测试一下是否返回的数据是准确的

然后就可以编写 Anproxy 的控制代理的规则了，像流程图中的一样逻辑，如果客户端请求的是被 Mock 接口，就会去本地的 MOCO 中取 Mock 的响应数据返回给客户端，如果不是，那就直接回到原服务器就好了，这里是用了 Anyproxy 的rule_use_local_data.js来控制让客户端在使用被 mock 接口时 Anyproxy 指向 mock 服务器，自己也可以把 js 脚本名称改一下，便于知道是干嘛用的，如我改成了rule_mock.js，个人爱好，不改也可以

具体的实现代码：

rule_mock.js

module.exports = {

    summary:function(){
        return "replace response data by local response now";
    },

    //mark if use local response
    shouldUseLocalResponse : function(req,reqBody){
        if(/checkVersionAndLogin/.test(req.url)){   //被mock接口判断选择
            req.replaceLocalFile = 0;
            return true;
        }

        if(/reply/.test(req.url)){
            req.replaceLocalFile = 1;
            return true;
        }

            return false;
    },

    dealLocalResponse : function(req,reqBody,callback){
        if(req.replaceLocalFile==0){
            request = require('request-json');
            var client = request.createClient('http://127.0.0.1');
              client.get('/checkVersionAndLogin', function(err, res, body)  //触发mock，到moco中获取mock响应数据
                {
                    console.log('the resp is ------------------------->',res.statusCode,res.headers,body);
                    var newDataStr=JSON.stringify(body);
                    callback(res.statusCode,res.headers,newDataStr); //mock数据返回给客户端
                }
            );
        }
    }
};

然后就可以启动 Anyproxy，默认是 8001 端口，-i 表示支持 https，具体使用看上面的链接吧

然后如果在浏览器中使用的话去设置代理就好了，如果是移动设置使用的话，连接在对应启动服务器的笔记本电脑中 wifi，在 wifi 中设置对应的代理即可，和 fiddler 设置代理的操作是一样的

其实就这样，Mock 服务器就搭建完成了

四、Mock 过程

模拟输入正常的用户和密码后登录后返回自定义字段使登录异常
这个只是个例子，可能 mock 这个没有什么意义，但还是先试一试，使用的 mock 数据为

在测试的客户端输入正确的用户名和密码后点击登录按钮后，登录失败，查看返回的数据

其实大概的过程就是这样，当判断到客户端使用的接口为设定的接口的话，Anyproxy 就会触发代理控制，作为一个选择 mock 接口的中间工具，去请求 moco 中的数据返回给客户端，这样就能起到对特定接口进行 mock 而不影响其他未 mock 接口的正常使用的效果

5、其他

其实应该有人会觉得没必要用 moco 来做 mock 数据，用个 excel 之类的保存数据然后每次读取就好了，其实我的想法是如果读出来的数据又要自己把它们组装成请求，然后再转发回客户端，显然有点麻烦，还不如直接用 moco 返回个 response 对象给客户端去处理了，这个反而会更方便，好吧，就写到这里了，看看各路大神有什么建议可以让我改进一下的，毕竟这种 mock 还是比较简陋的，继续欢迎大家吐槽