土拨鼠代理器功能介绍

这是个非常类似Fiddle,whistle等抓包神器。在跟国际接轨擦不上边的情况,只能做些中国特色的东西。就是我实现Fiddle的主要的代理功能,同时增加了mock数据和在线验证请求的功能。主要是我们平常开发的时候,会用到这些功能。

干啥用

在前后端分离的项目中,或者是客户端开发的过程中。前端往往需要一个后台才能启动,也就是我们常常在项目中看到的用node写的index.js。一个简单的服务器,主要是为了返回静态资源并且代理mock数据。

但是我经历过各种项目,发现个项目的启动方式都不相同,有的用nginx,有的用node,而且端口,启动的首页也都不相同。在我切换项目的开发的时候,发现好难啊。我要想很久,然后看看代码,才知道正确的打开姿势TT。有时候还要问问负责项目的老司机。

土拨鼠就是提供了前端项目本地开发的所需要的环境。配置好项目请求mock数据路径,配置好资源请求代理规则。同时可以多配置,完全是我辈福音啊。妈妈再也不用担心我多项目切换了。不论是手机,pc,千牛,都可以。

颜值

首先土拨鼠的颜值确实不高。上个没有美颜的素照两张


图1是代理的主界面,图2是配置界面。现在确实还比较素,那也说明还有提升的空间。同时作为设计脑残,想不出来好的设计交互,那就只能先把功能都平铺放出来,让人一下就明白。年轻人要注重内在美。

内在美

扯蛋完了,下面就讲讲怎么用吧。
首先开启软件,这里主要windows下千牛客户端为例,其他浏览器pc等都是类似的。软件的
下载地址我在文章最后提供。

开启代理


上面展示了,开启了代理,监控流量。首先设置千牛的代理设置,地址设成127.0.0.1端口是8888.然后就能看到千牛所有流量请求。包括资源和数据。

代理静态文件


上面暂时了,在修改配置中增加配置。就可以代理到本地静态文件。配置mock数据路径,就可以代理到本地的mock数据。代理规则是支持正则表达式的,所以非常灵活。配置可以选择开启或者不开启,并且有多配置。

Mock数据编写

mock数据的编写是支持js语法的。实际上是一个js的function,传入参数。这意味着你可以根据自己传入的参数,模拟多种情况。并且返回数据。

1
2
3
4
5
6
7
8
9
10
11
12
13
module.exports = function(params){
if (params.status) {
retrn {
resule: 100
}
} else return {
"api_name":"active_deleteActive",
"data":{
"status": true
},
"result":100
}
}

地址

最后放出项目地址 git 如果觉得还不错就star下!!!
打包后的文件在release page