官方介绍
Zan Proxy是一个用Node.js编写的HTTP代理服务器,可用于修改请求地址和模拟响应数据。它同时也是一个自定义DNS解析和请求监控的工具。 该代理服务器有人性化的界面,简单易用。我们还为开发者提供了高级插件机制来自定义代理行为。
Github
https://github.com/youzan/zan-proxy
主要功能特性
自由转发
连通线上环境与本地电脑
无论是线上环境还是预发环境,都可以轻松地将资源请求(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项目,欢迎关注获取更多精彩内容