快捷搜索:  汽车  科技

http proxy 设置,开源跨平台Http代理服务器

http proxy 设置,开源跨平台Http代理服务器一键秒切 Host无需手动同步。利用远程规则功能,将线上的规则同步给团队成员,从而保证团队内部规则统一。无论是线上环境还是预发环境,都可以轻松地将资源请求(js/css)与接口请求转发到本地电脑,达到用本地电脑调试线上页面的效果。支持 HTTPS、WebSocket,支持转发规则的共享。规则同步一步打造团队业务专属规则

官方介绍

Zan Proxy是一个用Node.js编写的HTTP代理服务器,可用于修改请求地址和模拟响应数据。它同时也是一个自定义DNS解析和请求监控的工具。 该代理服务器有人性化的界面,简单易用。我们还为开发者提供了高级插件机制来自定义代理行为。


http proxy 设置,开源跨平台Http代理服务器(1)


Github

https://github.com/youzan/zan-proxy


主要功能特性

自由转发

连通线上环境与本地电脑

无论是线上环境还是预发环境,都可以轻松地将资源请求(js/css)与接口请求转发到本地电脑,达到用本地电脑调试线上页面的效果。支持 HTTPS、WebSocket,支持转发规则的共享。

http proxy 设置,开源跨平台Http代理服务器(2)

规则同步

一步打造团队业务专属规则

无需手动同步。利用远程规则功能,将线上的规则同步给团队成员,从而保证团队内部规则统一。

http proxy 设置,开源跨平台Http代理服务器(3)

一键秒切 Host

没有浏览器缓存

无需改host文件,没有浏览器缓存,DNS解析一键修改,轻松解决开发者的环境切换问题

http proxy 设置,开源跨平台Http代理服务器(4)

Mock 接口数据

并行开发更高效

无需等待接口开发完成,即可调试,减少不必要的等待的时间, mock 数据接口让并行开发成为可能。通过插件扩展,还可以转发到第三方 mock 数据平台。

http proxy 设置,开源跨平台Http代理服务器(5)

代理监控

请求响应一目了然

监控所有经过 ZanProxy 的请求,支持移动端请求抓包,提供的开发体验

http proxy 设置,开源跨平台Http代理服务器(6)

支持自定义插件

灵活扩展

可以通过自定义插件定制代理行为,满足各种场景下的自定义代理需求

安装配置

笔者环境是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,也可自行搜索安装

http proxy 设置,开源跨平台Http代理服务器(7)

安装完成后将安装目录的bin文件夹配置到系统环境变量中即可完成openssl的安装

http proxy 设置,开源跨平台Http代理服务器(8)

此方法是我目前见过比网上很多教程简单的多的一个方法,大家可以参考

  • 启动ZanProxy

安装完成后就可以启动ZanProxy了

zan-proxy

如果成功会默认打开浏览器

http proxy 设置,开源跨平台Http代理服务器(9)

  • 启动参数可配置

指定代理端口

zan-proxy -p 8002

指定管理服务器端口

zan-proxy -u 40002

查看所有命令

zan-proxy -h

大家根据自己的需要配置即可,以上就是安装过程,接下来要配置证书,用于远程调试,证书文件我会放在链接里,文档中实在Mac下,笔者是在Windows下,安装大致类似

http proxy 设置,开源跨平台Http代理服务器(10)

http proxy 设置,开源跨平台Http代理服务器(11)

http proxy 设置,开源跨平台Http代理服务器(12)

完成即可,以上是在windows下进行调试的,Android的请参考官方文档,接下来离完全可以使用还需要一个简单的配置,建议安装Chrome的插件SwitchyOmega,我也会放到链接中,用SwitchyOmega的目的是很方便的进行代理切换

浏览器中使用

浏览器不管是在Windows还是MacOS,亦或者是在Linux下都是一样的,首先启动ZanProxy,默认代理端口是8001,我们简单配置测试一下

  • 配置SwitchyOmega

新建情景模式,然后使用http代理即可,端口是8001,局域网下可配置局域网ip,如下图,然后在你需要调试的页面选择此情景即可

http proxy 设置,开源跨平台Http代理服务器(13)

http proxy 设置,开源跨平台Http代理服务器(14)

http proxy 设置,开源跨平台Http代理服务器(15)

请求监控

http proxy 设置,开源跨平台Http代理服务器(16)

总结

具体到点的使用大家可以看文档了,本文主要还是讲解一下安装部分,其中Host管理、Http转发、Mock和插件部分大家可以随心所欲,文档中都非常详细,假如你想调试手机上的请求,你可以安装证书后配置代理进行远程调试,非常简单,enjoy it!

PS:软件和插件我都会打包放到链接,私信‘20200623’会自动进行回复,感谢大家的支持!我会一如既往的分享实用开源项目、实用技巧以及实用软件,欢迎大家关注我!您的转发和评论将是对我最大的支持,谢谢大家!

猜您喜欢: