electron-anyproxy 使用说明

我要抓包

我要请求跨域接口

我要模拟接口

方式一: 我要抓包


步骤1:开启代理

点击启动按钮

Alt text

看到如下提示,则启动成功

Alt text

你也可以点击i按钮查询开启的ip和端口

Alt text

步骤2:配置代理

以下所以截图中的ip和port请自行填写。

我要在浏览器里抓取

Chrome的SwitchyOmega插件为例

Alt text

开启SwitchyOmega后,在浏览器浏览页面,软件就会开始抓包。

我要在全局抓取(整个计算机)

Alt text

我要抓取手机

IOS

Alt text

Android

完成配置后,手机上访问网络即可实现抓包。

步骤3:要抓取HTTPS

以上配置后只能抓取HTTP请求,若要抓取HTTPS,则需安装证书。
安装方法:

1.点击右上角证书按钮

Alt text

2.证书生成成功后会打开一个文件夹,并生成两个文件

Alt text

3.双击rootCA.crt 进行安装

Mac:安装后在KeyChain app中找到证书AnyProxy, 修改简介为信任。

Alt text

Windows

Alt text

手机
将rootCA.crt 导入手机安装 IOS参考这里
测试后安卓不导入证书也能抓取,但会弹出警告。

方式二:我要请求跨域接口


步骤1:新建规则

切换到 拦截修改 Tab,点击添加规则

Alt text

规则样例选择-修改返回头

Alt text

根据示例代码进行修改,希望你能看懂。你可以将Access-Control-Allow-Origin头部改为*。或其他你希望添加或修改的值,随便发挥。

这里并不对规则名和代码内容做限制,只要按照一定的格式编写就行了。
具体可参考 AnyProxy API

添加规则后,点击应用

Alt text

步骤2:开启代理

然后就可以开启代理了,开启方式请参考 方式一

方式三:我要模拟接口


步骤1:新建项目接口

切换到 数据Mock Tab,点击添加项目

Alt text

点击 “添加接口”

Alt text

Resquest Url 填入你要请求的接口,假设该接口后端还没编写,这种方式可以直接返回本地数据。

Response Body为你想返回的数据,格式采用Mock.js的方式,具体配置可参考 这里

点击”保存”,勾选你想要模拟的接口

Alt text

注意:接口分项目来进行管理,一次只能开启一个项目下的接口,不能同时模拟多个项目。

步骤2:开启代理

然后就可以开启代理了,开启方式请参考 方式一

其他一些小功能等待你的发现