Mock 工具与定制化

简介: mitmproxy 是跨平台的开源代理工具,用于抓包和修改 HTTP/HTTPS 流量,支持 Python 脚本扩展。通过 mitmproxy、mitmweb 和 mitmdump,用户能进行交互式抓包、可视化分析和自定义数据处理。官网:[mitmproxy.org](https://mitmproxy.org)

简介

mitmproxy 是一款开源、免费的代理工具,支持 mac、windows、linux。相比于其他代理工具,可以通过 python 和 mitmproxy 工具本身的插件机制实现通过脚本对 mitmproxy 的完全控制。强大的可拓展性和可定制性,可以让测试工程师以 mitmproxy 工具为基础,进行二次开发,打造更适合自己业务的 mock 工具。

官方网站:

https://mitmproxy.org/

操作步骤

安装

mitmproxy 是一款跨平台工具,支持在 windows、linux、 mac 平台进行安装。最推荐的安装方式是直接通过 python 进行安装。安装步骤:

  • 安装好 python 环境(最低要求 python3.6)
  • pip install pipx
  • pipx install mitmproxy

输入命令验证是否安装成功:

-

mitmdump --version

如果有如下的返回信息,证明环境已经安装成功:

Mitmproxy: 5.2Python:    3.8.7OpenSSL:   OpenSSL 1.1.1g  21 Apr 2020Platform:  macOS-10.15-x86_64-i386-64bit

证书配置

mitmproxy 的证书配置过程与 charles 类似

pc 端证书

  • 配置电脑代理,ip 配置 127.0.0.1 ,端口配置为 mitmproxy 监听端口,默认 8080
  • 启动 mitmprxy
  • 在浏览器输入地址 mitm.it,显示效果如果和下图相同,证明前面的步骤都成功了
  • 选择对应系统下载证书并安装。
  • 信任证书:打开证书(Mac 系统为钥匙串访问)->点击证书->双击名称含有 charles 的选项->点击信任->选择始终信任。

windows 证书信任

image.png

手机端证书(安卓系统)

  • 在手机配置代理,ip 配置为电脑的 ip 地址,端口配置为 mitmproxy 监听端口,默认 8080。
  • 启动 mitmprxy。
  • 在手机浏览器输入地址 mitm.it。
  • 选择 Android,下载并安装,即可成功抓取手机端的 https 的数据包。

三大核心工具

mitmproxy 有三大核心工具,分别为 mitmproxy、mitmweb、mitmdump。mitmdump 是 mitmproxy 相比于其他代理工具最独一无二的部分,所以会以 mitmdump 的介绍为主。

  • mitmproxy

是一款交互式的命令行工具,通过命令mitmproxy启动,需要注意的是 mitmproxy 不支持 windows 系统。下图为 mitmproxy 启动后的效果图:

image.png

  • mitmweb

在 mitmweb 的图形界面中使用 mitmproxy 的主要功能,通过命令mitmweb启动。它和 Chrome 开发者工具中的 network 比较类似。下图为 mitmweb 启动后的效果图:

image.png

  • mitmdump

用 mitmdump 编写强大的插件和脚本。mitmproxy 脚本 API 提供了对 mitmproxy 的完全控制,可以自动修改消息、重定向流量、可视化消息或实现自定义命令。后面会通过实战具体介绍 mitmdump 的使用。

mitmdump 实战

  • 命令

mitmdump 可以通过参数 -s 实现执行 python 脚本

通过下面这个示例每次再发起请求时都要打印 "this is a demo"

mitm_demo.py

from mitmproxy import http
def request(flow: http.HTTPFlow):    #每次请求时都打印 this is a demo    print("this is a demo")

通过命令 mitmdump 执行 python 脚本

-

mitmdump -s ./mitm_demo.py

执行效果

Loading script ./mitm_demo.pyProxy server listening at http://*:8080127.0.0.1:53741: clientconnect127.0.0.1:53758: clientconnect127.0.0.1:53759: clientconnect127.0.0.1:53760: clientconnectthis is a demo127.0.0.1:53758: Connection killed127.0.0.1:53758: clientdisconnectthis is a demo127.0.0.1:53759: Connection killed127.0.0.1:53759: clientdisconnect
  • 插件

mitmproxy 是通过变量addons,将一个类的实例与 mitmproxy 进行关联的。通过插件机制,可以指定在脚本运行中,与 mitmproxy 直接相关的实例。

mitm_addon.py

from mitmproxy import ctx

class Counter:    def __init__(self):        self.num = 0
    def request(self, flow):        self.num = self.num + 1        ctx.log.info("We've seen %d flows" % self.num)
addons = [    Counter()]

有几点需要注意的是:

  • Mitmproxy 是通过 addons 这个全局变量获取以及加载插件组件。
  • 每个插件都是一个实例对象,比如上面例子中的Counter()。
  • 方法 requests 是一个事件的示例。在后面会有关于事件的具体介绍。
  • 这个插件实现了在每一次请求的时候打印累计的请求 flow 数据。

执行命令

-

mitmdump -s ./mitm_demo.py

展示效果:

...省略..
127.0.0.1:49625: clientconnect
We've seen 9 flows
127.0.0.1:49600: GET https://www.baidu.com/content-search.xml
              << 200 OK 220b
We've seen 10 flows
127.0.0.1:49599: GET https://www.baidu.com/home/xman/data/tipspluslist?indextype=manht&_req_seqid=0xaf491b1700068f01&asyn=1&t=1618453717212&sid=33811_33816_33745_33344_31253_33849_33758_26350_22158
              << 200 OK 78b
  • 事件

mitmproxy 有多个事件, 每个函数或方法代表一个事件,指每一次请求响应的过程中,都会自动调用相关的方法。每一个方法的名称都是 mitmproxy 约定好的,都代表了 flow 的不同过程。

许多事件通过参数接收一个 flow 对象,通过修改这些对象,插件就可以即时改变流量。


import mitmproxy.http
class Events:

    def request(self, flow: mitmproxy.http.HTTPFlow):
        """
            每次http发起请求之后会调用这个方法
        """


    def response(self, flow: mitmproxy.http.HTTPFlow):
        """
            每次http返回响应之后会调用这个方法
        """

image.png

  • 通过命令执行 python 脚本
  • mitmdump -s ./mitm_map_local.py
    
  • 编写脚本,在请求事件中,给响应对象赋值为设定的模拟值
  • mitm_map_local.py
  • ```python

import json

from mitmproxy import ctx, http

class Counter:
def init(self):
self.num = 0

def request(self, flow):
    if "https://httpbin.testing-studio.com/get" in flow.request.pretty_url:
        # 打开文件,读取文件数据,作为响应,给返回
        with open("./res.json", encoding="utf-8") as f:
            # 给flow.response属性进行赋值,
            # 赋值调用mitmproxy 响应对象的 make方法
            # 响应体在make函数里面所需要的数据为str
            flow.response = http.HTTPResponse.make\
                (200,  # (optional) status code
                f.read(),  # (optional) content
            {"Content-Type": "text/html"}  # (optional) headers
                )

addons = [
Counter()
]

创建一个本地文件,响应数据设定为
{ "status": "success" }
```

总结

  • 安装
  • 证书配置
  • 三大核心工具
  • mitmdump 实战
相关文章
|
2月前
阿萨学工具:Apifox 用Mock.js写高级Mock的期望
阿萨学工具:Apifox 用Mock.js写高级Mock的期望
|
9月前
|
XML 前端开发 测试技术
【前端小技巧】如何使用 Eolink Apilkit 调用 Mock ?
在开发过程中,进度比较赶的情况下,前端人员当页面写完时,后台的接口还没写完,等要交付的时候后端才把接口给你,这个时候就很尴尬。 这个时候 Mock 就可以很好的解决这个问题,前端团队可以在 API 还没开发完成的情况下,借助 Mock API 实现预对接,加速开发进程。测试团队可以通过 Mock API 解决不必要的系统,完成集成测试。 Eolink Apikit 为前端工程师提供 API 文档管理,快速接口测试,以及 Mock API 创建与调用,及查看文档变更历史的能力。有助于前端工程师快速查看 API 文档详情与历史记录,快速生成和使用 Mock API 提前进行页面效果验证。
37 0
|
2月前
|
敏捷开发 Java Devops
深入理解与应用软件测试中的Mock技术
【5月更文挑战第17天】 在现代软件开发过程中,单元测试是保证代码质量的重要手段。然而,对于依赖外部系统或服务的功能,如何有效进行单元测试一直是一大挑战。Mock技术的引入为这一难题提供了解决方案。本文将详细探讨Mock技术的概念、应用场景以及在实际软件测试中的优势和局限性,同时提供一些最佳实践和常见框架的使用指南。
|
2月前
|
前端开发
阿萨学工具:Apifox的高级Mock 功能
阿萨学工具:Apifox的高级Mock 功能
|
2月前
阿萨学工具: Apifox 的自定义智能Mock功能
阿萨学工具: Apifox 的自定义智能Mock功能
|
2月前
阿萨学工具: Apifox 的智能Mock功能
阿萨学工具: Apifox 的智能Mock功能
|
前端开发 JavaScript 测试技术
【Eolink Apikit】Mock 解决方案
在开发过程中,由于后端与前端并行开发,或者前端需要等待后台开发,难以保证对接效率,同时即使用开发好的 API 对接,也有可能一个 API 不通就阻塞了整个软件的对接工作。同时对软件的敏感度也很高,一不小心就可能导致整个软件不能正常工作。并且界面之间存在着严重的相互依赖关系,产生的业务逻辑非常复杂,这些都会对软件的开发效率产生很大的影响。 所以学习如何利用最好的 Mock 数据是很关键的。这样做会降低前端开发者的工作量,降低开发费用,提高开发效率。 以下是一些常见的 Mock 方法,我们可以根据具体的场景和条件来进行选择和配置。最关键的是要知道如何去做,并从中挑选出最适合自己的方式。
256 0
【Eolink Apikit】Mock 解决方案
jira学习案例3-对比常见mock方案
jira学习案例3-对比常见mock方案
66 0
jira学习案例3-对比常见mock方案
|
存储 缓存 JavaScript
一个简易的前端业务工具库【tj-jstools】
前端业务工具库:使用TypeScript编写有关js数据类型、浏览器信息、浏览器存储、url、字符串、数值、数组、对象等相关操作,让业务逻辑简单化。
277 0
一个简易的前端业务工具库【tj-jstools】
|
前端开发 JavaScript 数据可视化
如何通过mock数据提高前端开发效率?
我们在做项目开发的过程中,因为是同步开发,所以前端会有等后端接口的情况。为了前后端并行开发,我们一般会要求后端开发人员先定义好接口文档。这样前端通过模拟数据,就能顺畅地进行前端业务逻辑的开发了。
116 0
如何通过mock数据提高前端开发效率?