尧图网站设计 尧图网站设计YAOTU DESIGN
ARTICLE DETAIL

资讯详情

深耕网站设计与一线实操的经验洞察。

electron-anyproxy快速入门:5分钟安装启动并完成你的第一次HTTP抓包

electron-anyproxy快速入门:5分钟安装启动并完成你的第一次HTTP抓包 electron-anyproxy快速入门5分钟安装启动并完成你的第一次HTTP抓包【免费下载链接】electron-anyproxy A http/https proxy client, using to analyze and mock.项目地址: https://gitcode.com/gh_mirrors/el/electron-anyproxy如果你是一名前端或后端开发者正需要一款轻量、免费、可本地运行的 HTTP 抓包工具那么 electron-anyproxy 会是一个相当顺手的帮手。它是基于 Electron 和 Vue 构建的网络代理客户端依赖 AnyProxy 内核既能像 Chrome 开发者工具一样抓取 HTTP/HTTPS 请求还能对请求和响应做修改、限速与 Mock非常适合日常调试接口和排查线上问题。这篇文章将带你用 5 分钟完成 electron-anyproxy 的安装、启动并成功抓到你的第一个 HTTP 请求。electron-anyproxy 是什么核心功能一览electron-anyproxy 本质上是一个桌面版代理抓包工具启动后会在本机开启一个代理端口浏览器的所有网络请求都会流经它从而被完整记录下来。它主要有四大功能网络抓包提供类似 Chrome 的预览面板支持 HTTP/HTTPS可查看请求头、响应头、响应体和 Cookie✂️数据拦截支持修改请求头、请求数据、响应头、响应数据做线上问题复现非常方便网速限制可模拟 2G、3G、4G 等各种网段的网络速度方便测试弱网场景接口 Mock按具体项目配置 Mock 接口前后端并行开发时不用干等后端第一步环境准备只需安装 Node.js在开始安装 electron-anyproxy 之前请先确认你的电脑上已经安装了Node.js建议 6.x 及以上版本。安装完成后在终端里执行node -v能输出版本号即可。第二步最快安装方法两条命令搞定先把项目克隆到本地仓库地址https://gitcode.com/gh_mirrors/el/electron-anyproxy然后进入目录安装依赖npm install npm run start等待依赖安装完成并执行npm run start后一个名为 AnyProxy 的桌面窗口就会弹出这就代表 electron-anyproxy 已经成功启动了。如果你更习惯用 yarn也可以把第一条命令换成yarn。 小提示安装依赖时建议优先使用 yarn。因为 npm 会在 node_modules 中安装隐藏目录可能导致后续打包时无法正确清理 Electron 等大文件让安装包体积变得异常臃肿。第三步一键配置系统代理抓包工具要生效前提是让浏览器把流量指向代理。electron-anyproxy 贴心地内置了系统代理管理功能对应源码中的 systemProxyMgr.js在界面上一键即可开启或关闭全局代理无需手动去系统设置里折腾Windows 和 macOS 都支持。第四步完成你的第一次 HTTP 抓包代理开启后随便在浏览器里访问几个网站回到 electron-anyproxy 的「Network」面板你就能看到一条条请求记录包含 Method、状态码、Host、Path、MIME 类型和起始时间等信息。点击任意一条记录右侧会展开详情面板可以切换Headers / Preview / Response / Cookies标签页逐项查看请求和响应的完整内容——这就是你第一次成功完成的 HTTP 抓包。第五步HTTPS 抓包与证书信任要抓取 HTTPS 流量还需要让本机信任 electron-anyproxy 自动生成的根证书。证书的生成与管理逻辑集中在 certMgr.js首次使用时按界面提示完成安装并信任即可之后所有加密流量也能被解密查看。进阶玩法数据拦截与接口 Mock抓到请求只是开始electron-anyproxy 真正的威力在于改包和 Mock修改请求/响应在规则中配置拦截条件即可改写请求头、请求参数甚至响应内容用来模拟接口异常或验证前端容错逻辑接口 Mock项目内置了 MockJS可按项目结构快速搭建 Mock 接口前后端并行开发时特别好用规则模块化请求的处理逻辑由规则模块驱动默认规则见 rule_default.js规则加载入口在 ruleLoader.js支持本地文件和远程 URL 两种方式如果你想知道每种能力怎么写项目里还提供了一套完整的规则示例位于rule_sample/目录覆盖了修改请求头、修改响应数据、返回本地响应等 8 种常见场景照着改就能用。常见问题速查为什么浏览器请求抓不到检查系统代理是否已开启以及代理端口是否被其他程序占用HTTPS 页面显示证书错误重新安装并信任根证书然后刷新页面想打包成可分发软件执行npm run pack产物会输出到pack目录双击即可运行结语从安装、启动到完成第一次 HTTP 抓包全程只需 5 分钟。electron-anyproxy 把代理抓包、数据拦截、限速模拟和接口 Mock 集成在一个清爽的桌面工具里对新手非常友好也是日常开发调试的高性价比选择。现在就动手抓下你的第一个请求吧【免费下载链接】electron-anyproxy A http/https proxy client, using to analyze and mock.项目地址: https://gitcode.com/gh_mirrors/el/electron-anyproxy创作声明:本文部分内容由AI辅助生成(AIGC),仅供参考
返回列表