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