官方介绍
Zan Proxy是一个用Node.js编写的HTTP代理服务器，可用于修改请求地址和模拟响应数据。它同时也是一个自定义DNS解析和请求监控的工具。 该代理服务器有人性化的界面，简单易用。我们还为开发者提供了高级插件机制来自定义代理行为。
Github
主要功能特性
自由转发
连通线上环境与本地电脑
无论是线上环境还是预发环境，都可以轻松地将资源请求（js/css）与接口请求转发到本地电脑，达到用本地电脑调试线上页面的效果。支持 HTTPS、WebSocket，支持转发规则的共享。
规则同步
一步打造团队业务专属规则
无需手动同步。利用远程规则功能，将线上的规则同步给团队成员，从而保证团队内部规则统一。
一键秒切 Host
没有浏览器缓存
无需改host文件，没有浏览器缓存，DNS解析一键修改，轻松解决开发者的环境切换问题
Mock 接口数据
并行开发更高效
无需等待接口开发完成，即可调试，减少不必要的等待的时间， mock 数据接口让并行开发成为可能。通过插件扩展，还可以转发到第三方 mock 数据平台。
代理监控
请求响应一目了然
监控所有经过 ZanProxy 的请求，支持移动端请求抓包，提供的开发体验
支持自定义插件
灵活扩展
可以通过自定义插件定制代理行为，满足各种场景下的自定义代理需求
安装配置
笔者环境是Windows，因为官方文档上刚好没有详细介绍，因此咱们就来一起在Windows下安装配置一下，而且我相信在Linux上根本不是问题
- 环境前提
首先需要安装npm，需要使用npm进行安装，这里我假设你已经安装了npm
yarn global add zan-proxy
# npm i -g zan-proxy
安装完检测一下
zan-proxy --version
- 安装openssl
在windows下安装ZanProxy的一个小复杂之处就在安装openssl，网络上也有很多教程，在本文中，将会非常简单，稍后也会把用到的软件打包分享，软件名是Win64OpenSSL-1_1_1g，也可自行搜索安装
安装完成后将安装目录的bin文件夹配置到系统环境变量中即可完成openssl的安装
此方法是我目前见过比网上很多教程简单的多的一个方法，大家可以参考
- 启动ZanProxy
安装完成后就可以启动ZanProxy了
zan-proxy
如果成功会默认打开浏览器
- 启动参数可配置
指定代理端口
zan-proxy -p 8002
指定管理服务器端口
zan-proxy -u 40002
查看所有命令
zan-proxy -h
大家根据自己的需要配置即可，以上就是安装过程，接下来要配置证书，用于远程调试，证书文件我会放在链接里，文档中实在Mac下，笔者是在Windows下，安装大致类似
完成即可，以上是在windows下进行调试的，Android的请参考官方文档，接下来离完全可以使用还需要一个简单的配置，建议安装Chrome的插件SwitchyOmega，我也会放到链接中，用SwitchyOmega的目的是很方便的进行代理切换
浏览器中使用
浏览器不管是在Windows还是MacOS，亦或者是在Linux下都是一样的，首先启动ZanProxy，默认代理端口是8001，我们简单配置测试一下
- 配置SwitchyOmega
新建情景模式，然后使用http代理即可，端口是8001，局域网下可配置局域网ip，如下图，然后在你需要调试的页面选择此情景即可
请求监控
总结
具体到点的使用大家可以看文档了，本文主要还是讲解一下安装部分，其中Host管理、Http转发、Mock和插件部分大家可以随心所欲，文档中都非常详细，假如你想调试手机上的请求，你可以安装证书后配置代理进行远程调试，非常简单，enjoy it！
来源：爱分享Coder
本文首发于公众号：Java版web项目，欢迎关注获取更多精彩内容
网友评论